.cw4k-wrap,
        .cw4k-wrap *{
            box-sizing:border-box;
        }

        .cw4k-wrap{
            --cw-bg:#050814;
            --cw-bg-2:#091225;
            --cw-card:#0c1730;
            --cw-card-2:#101c37;
            --cw-border:rgba(255,255,255,.10);
            --cw-border-2:rgba(255,153,0,.28);
            --cw-text:#f8fafc;
            --cw-muted:#b7c3d9;
            --cw-orange:#ff9800;
            --cw-orange-2:#ff7a00;
            --cw-green:#34d399;
            --cw-danger:#ff6b7d;
            --cw-shadow:0 14px 35px rgba(0,0,0,.22);
            --cw-radius:28px;
            --cw-radius-sm:18px;
            --cw-max:1560px;

            position:relative;
            width:100%;
            overflow:hidden;
            color:var(--cw-text);
            font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background:
                radial-gradient(circle at 15% 10%, rgba(255,136,0,.20), transparent 30%),
                radial-gradient(circle at 85% 18%, rgba(255,136,0,.15), transparent 25%),
                radial-gradient(circle at 50% 65%, rgba(48,86,211,.16), transparent 30%),
                linear-gradient(180deg, #040812 0%, #06101e 28%, #05101f 55%, #040812 100%);
            padding-bottom:60px;
        }

        .cw4k-shell{
            width:min(calc(100% - 32px), var(--cw-max));
            margin:0 auto;
            position:relative;
            z-index:2;
        }

        .cw4k-grid-2{
            display:grid;
            grid-template-columns:1.08fr .92fr;
            gap:34px;
        }

        .cw4k-grid-3{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:24px;
        }

        .cw4k-grid-4{
            display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:24px;
        }

        .cw4k-grid-2-plans{
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:28px;
        }

        .cw4k-section{
            padding:68px 0;
            border-top:1px solid rgba(255,255,255,.05);
        }

        .cw4k-section:first-of-type{
            border-top:none;
        }

        .cw4k-kicker{
            display:inline-flex;
            align-items:center;
            gap:10px;
            color:#ffb347;
            text-transform:uppercase;
            letter-spacing:.18em;
            font-size:14px;
            font-weight:800;
            margin-bottom:18px;
        }

        .cw4k-kicker:before{
            content:"";
            width:30px;
            height:2px;
            background:linear-gradient(90deg, var(--cw-orange), transparent);
            display:inline-block;
        }

        .cw4k-title{
            font-size:clamp(34px, 5.5vw, 78px);
            line-height:1.02;
            letter-spacing:-.045em;
            margin:0 0 22px;
            font-weight:900;
            color:#f8fafc;
        }

        .cw4k-title .accent{
            background:linear-gradient(180deg, #ffb74d 0%, #ff9800 35%, #ff7a00 100%);
            -webkit-background-clip:text;
            background-clip:text;
            color:transparent;
        }

        .cw4k-subtitle{
            color:var(--cw-muted);
            font-size:clamp(16px, 1.3vw, 22px);
            line-height:1.8;
            max-width:860px;
            margin:0;
        }

        .cw4k-topbar{
            position:sticky;
            top:0;
            z-index:30;
            padding:14px 0 0;
        }

        .cw4k-nav{
            width:min(calc(100% - 32px), var(--cw-max));
            margin:0 auto;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(4,8,18,.82);
            box-shadow:0 10px 35px rgba(0,0,0,.25);
            border-radius:22px;
            padding:16px 22px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:18px;
        }

        .cw4k-brand{
            display:flex;
            align-items:center;
            gap:14px;
            min-width:0;
        }

        .cw4k-brand img{
            width:46px;
            height:46px;
            object-fit:contain;
            display:block;
            border-radius:50%;
            box-shadow:0 8px 24px rgba(255,132,0,.22);
            flex:0 0 auto;
        }

        .cw4k-brand-text{
            font-size:18px;
            font-weight:900;
            letter-spacing:-.02em;
            color:#fff;
            white-space:nowrap;
        }

        .cw4k-links{
            display:flex;
            align-items:center;
            gap:28px;
            flex-wrap:wrap;
            justify-content:center;
        }

        .cw4k-links a{
            color:rgba(255,255,255,.88);
            text-decoration:none;
            font-weight:700;
            font-size:16px;
            transition:.18s ease;
        }

        .cw4k-links a:hover{
            color:#fff;
            transform:translateY(-1px);
        }

        .cw4k-actions{
            display:flex;
            align-items:center;
            gap:12px;
            flex-wrap:wrap;
            justify-content:flex-end;
        }

        .cw4k-btn{
            min-height:52px;
            padding:0 22px;
            border-radius:16px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            text-decoration:none !important;
            font-size:16px;
            font-weight:900;
            letter-spacing:-.01em;
            transition:.18s ease;
            border:1px solid transparent;
            white-space:nowrap;
        }

        .cw4k-btn:hover{
            transform:translateY(-2px);
        }

        .cw4k-btn-dark{
            background:rgba(255,255,255,.03);
            color:#fff !important;
            border-color:rgba(255,255,255,.10);
        }

        .cw4k-btn-primary{
            background:linear-gradient(180deg, #ffaf35 0%, #ff9800 45%, #ff7a00 100%);
            color:#151515 !important;
            box-shadow:0 14px 32px rgba(255,138,0,.24);
        }

        .cw4k-btn-ghost{
            background:rgba(255,255,255,.04);
            color:#fff !important;
            border-color:rgba(255,255,255,.10);
        }

        .cw4k-hero{
            padding:34px 0 38px;
        }

        .cw4k-hero-card{
            position:relative;
            overflow:hidden;
            border-radius:36px;
            border:1px solid rgba(255,255,255,.08);
            background:
                radial-gradient(circle at 14% 20%, rgba(255,136,0,.20), transparent 32%),
                radial-gradient(circle at 88% 18%, rgba(255,136,0,.13), transparent 28%),
                linear-gradient(135deg, rgba(4,8,18,.95) 0%, rgba(11,18,36,.96) 48%, rgba(22,14,9,.92) 100%);
            box-shadow:var(--cw-shadow);
            padding:68px 54px;
            min-height:720px;
        }

        .cw4k-hero-glow-1,
        .cw4k-hero-glow-2,
        .cw4k-hero-glow-3{
            position:absolute;
            pointer-events:none;
            border-radius:999px;
            filter:none;
            opacity:.18;
        }

        .cw4k-hero-glow-1{
            width:260px;
            height:260px;
            background:rgba(255,140,0,.28);
            top:-30px;
            left:-20px;
        }

        .cw4k-hero-glow-2{
            width:300px;
            height:300px;
            background:rgba(255,106,0,.18);
            right:-50px;
            top:30px;
        }

        .cw4k-hero-glow-3{
            width:240px;
            height:240px;
            background:rgba(65,105,225,.18);
            left:36%;
            bottom:-40px;
        }

        .cw4k-hero-copy{
            position:relative;
            z-index:2;
            padding-right:10px;
        }

        .cw4k-hero-copy .cw4k-subtitle{
            max-width:760px;
        }

        .cw4k-hero-actions{
            display:flex;
            gap:14px;
            flex-wrap:wrap;
            margin-top:30px;
        }

        .cw4k-badges{
            display:flex;
            flex-wrap:wrap;
            gap:12px 24px;
            margin-top:28px;
            color:#e6edf7;
            font-size:17px;
            font-weight:700;
        }

        .cw4k-badges span{
            display:inline-flex;
            align-items:center;
            gap:10px;
            opacity:.96;
        }

        .cw4k-badges span:before{
            content:"✓";
            color:#ffb347;
            font-weight:900;
        }

        .cw4k-hero-visual{
            position:relative;
            z-index:2;
            display:flex;
            flex-direction:column;
            gap:18px;
        }

        .cw4k-visual-frame{
            position:relative;
            overflow:hidden;
            border-radius:34px;
            border:1px solid rgba(255,255,255,.10);
            background:
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
            padding:28px;
            min-height:560px;
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
        }

        .cw4k-visual-screen{
            position:relative;
            border-radius:28px;
            min-height:500px;
            background:
                radial-gradient(circle at 50% 15%, rgba(255,136,0,.10), transparent 25%),
                linear-gradient(180deg, #061124 0%, #04101f 100%);
            border:1px solid rgba(255,255,255,.08);
            overflow:hidden;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-direction:column;
        }

        .cw4k-visual-screen img{
            width:min(78%, 420px);
            max-width:100%;
            height:auto;
            display:block;
            object-fit:contain;
            filter:drop-shadow(0 18px 40px rgba(0,0,0,.35));
        }

        .cw4k-visual-caption{
            margin-top:16px;
            color:#cfdae9;
            font-weight:700;
            text-align:center;
            font-size:15px;
        }

        .cw4k-mini-stats{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:14px;
        }

        .cw4k-stat{
            border-radius:20px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.03);
            padding:20px 18px;
            min-height:108px;
        }

        .cw4k-stat strong{
            display:block;
            font-size:38px;
            line-height:1;
            letter-spacing:-.04em;
            margin-bottom:10px;
            color:#fff;
        }

        .cw4k-stat span{
            color:#d4dde9;
            font-size:15px;
            line-height:1.5;
            display:block;
        }

        .cw4k-feature-strip{
            padding-top:26px;
        }

        .cw4k-feature-strip-inner{
            display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            border:1px solid rgba(255,255,255,.08);
            border-radius:24px;
            overflow:hidden;
            background:rgba(255,255,255,.02);
        }

        .cw4k-feature{
            padding:28px 26px;
            min-height:150px;
            border-right:1px solid rgba(255,255,255,.08);
        }

        .cw4k-feature:last-child{
            border-right:none;
        }

        .cw4k-feature h3{
            margin:0 0 12px;
            font-size:27px;
            line-height:1;
            color:#fff;
            letter-spacing:-.04em;
        }

        .cw4k-feature p{
            margin:0;
            color:var(--cw-muted);
            font-size:17px;
            line-height:1.7;
        }

        .cw4k-step-card,
        .cw4k-plan-card,
        .cw4k-faq-item,
        .cw4k-course-card,
        .cw4k-panel-card{
            border-radius:26px;
            border:1px solid rgba(255,255,255,.09);
            background:linear-gradient(180deg, rgba(12,23,48,.88) 0%, rgba(8,18,38,.88) 100%);
            box-shadow:0 14px 34px rgba(0,0,0,.16);
        }

        .cw4k-step-card{
            padding:34px 28px;
            min-height:260px;
        }

        .cw4k-step-number{
            font-size:60px;
            line-height:1;
            letter-spacing:-.05em;
            color:rgba(255,176,74,.55);
            font-weight:900;
            margin-bottom:18px;
        }

        .cw4k-step-card h3{
            margin:0 0 14px;
            font-size:34px;
            line-height:1.1;
            letter-spacing:-.03em;
            color:#fff;
        }

        .cw4k-step-card p{
            margin:0;
            color:var(--cw-muted);
            font-size:18px;
            line-height:1.75;
        }

        .cw4k-table-wrap{
            overflow:auto;
            border-radius:26px;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(255,255,255,.02);
        }

        .cw4k-compare{
            width:100%;
            min-width:900px;
            border-collapse:collapse;
        }

        .cw4k-compare th,
        .cw4k-compare td{
            padding:22px 22px;
            text-align:left;
            border-bottom:1px solid rgba(255,255,255,.07);
            vertical-align:middle;
        }

        .cw4k-compare th{
            background:rgba(255,255,255,.04);
            color:#fff;
            font-size:20px;
        }

        .cw4k-compare td{
            color:#d6e2f0;
            font-size:18px;
        }

        .cw4k-compare td.bad{
            color:#ff7888;
            font-weight:800;
        }

        .cw4k-compare td.good{
            color:#46e0a4;
            font-weight:800;
        }

        .cw4k-sec-head{
            display:flex;
            align-items:end;
            justify-content:space-between;
            gap:20px;
            margin-bottom:30px;
        }

        .cw4k-sec-head .cw4k-subtitle{
            max-width:760px;
        }

        .cw4k-course-grid{
            display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:22px;
        }

        .cw4k-course-card{
            overflow:hidden;
            transition:.18s ease;
        }

        .cw4k-course-card:hover{
            transform:translateY(-4px);
        }

        .cw4k-course-thumb{
            position:relative;
            aspect-ratio:16/10;
            background:
                linear-gradient(135deg, rgba(255,145,0,.16) 0%, rgba(255,255,255,.03) 45%, rgba(255,255,255,.02) 100%),
                repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 10px, rgba(255,255,255,.00) 10px 20px),
                linear-gradient(180deg, #1a1f2c 0%, #0f1a2d 100%);
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
            overflow:hidden;
        }

        .cw4k-course-thumb img{
            width:100%;
            height:100%;
            object-fit:cover;
            border-radius:0;
            display:block;
        }

        .cw4k-course-tag{
            position:absolute;
            top:16px;
            right:16px;
            padding:8px 12px;
            border-radius:999px;
            background:rgba(4,8,18,.78);
            border:1px solid rgba(255,255,255,.10);
            color:#ffcb86;
            font-size:12px;
            letter-spacing:.08em;
            font-weight:900;
        }

        .cw4k-course-placeholder{
            color:#ffcb86;
            text-transform:uppercase;
            letter-spacing:.10em;
            font-size:16px;
            font-weight:900;
            text-align:center;
        }

        .cw4k-course-body{
            padding:22px 20px 20px;
        }

        .cw4k-course-body h3{
            margin:0 0 10px;
            font-size:29px;
            line-height:1.1;
            letter-spacing:-.03em;
            color:#fff;
        }

        .cw4k-course-body p{
            margin:0;
            color:#c7d1e2;
            font-size:16px;
        }

        .cw4k-plan-card{
            padding:28px;
            position:relative;
            overflow:hidden;
            min-height:100%;
        }

        .cw4k-plan-card.is-elite{
            border-color:rgba(255,152,0,.55);
            box-shadow:0 18px 38px rgba(255,136,0,.10);
        }

        .cw4k-plan-pill{
            position:absolute;
            top:24px;
            right:24px;
            border-radius:999px;
            padding:10px 14px;
            background:rgba(255,152,0,.18);
            color:#ffbf6b;
            font-size:12px;
            letter-spacing:.10em;
            font-weight:900;
        }

        .cw4k-plan-card h3{
            margin:0 0 18px;
            font-size:44px;
            letter-spacing:-.04em;
            line-height:1.05;
            color:#fff;
        }

        .cw4k-plan-card p{
            margin:0 0 24px;
            color:#d4deee;
            font-size:20px;
            line-height:1.7;
            max-width:640px;
        }

        .cw4k-plan-list{
            list-style:none;
            padding:0;
            margin:0 0 28px;
        }

        .cw4k-plan-list li{
            position:relative;
            padding-left:24px;
            margin:0 0 14px;
            color:#f3f7fc;
            line-height:1.65;
            font-size:18px;
        }

        .cw4k-plan-list li:before{
            content:"✓";
            position:absolute;
            left:0;
            top:0;
            color:#46e0a4;
            font-weight:900;
        }

        .cw4k-plan-note{
            margin-top:12px;
            color:#9fb0c8;
            font-size:14px;
            line-height:1.7;
        }

        .cw4k-faq{
            max-width:1120px;
            margin:0 auto;
        }

        .cw4k-faq-item{
            overflow:hidden;
            margin-bottom:14px;
        }

        .cw4k-faq-button{
            width:100%;
            border:none;
            outline:none;
            cursor:pointer;
            background:transparent;
            color:#fff;
            padding:24px 26px;
            text-align:left;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:16px;
            font-size:29px;
            font-weight:800;
            letter-spacing:-.03em;
        }

        .cw4k-faq-icon{
            flex:0 0 auto;
            width:34px;
            height:34px;
            border-radius:50%;
            background:rgba(255,255,255,.07);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:22px;
            line-height:1;
        }

        .cw4k-faq-content{
            display:none;
            padding:0 26px 24px;
            color:#d1dceb;
            font-size:19px;
            line-height:1.9;
        }

        .cw4k-faq-item.is-open .cw4k-faq-content{
            display:block;
        }

        .cw4k-cta{
            position:relative;
            overflow:hidden;
            padding:54px 42px;
            border-radius:34px;
            border:1px solid rgba(255,255,255,.10);
            background:
                radial-gradient(circle at 50% 0%, rgba(255,136,0,.17), transparent 35%),
                linear-gradient(180deg, rgba(11,18,35,.96), rgba(9,18,38,.96));
            text-align:center;
            box-shadow:var(--cw-shadow);
        }

        .cw4k-cta .cw4k-title{
            font-size:clamp(32px, 4.2vw, 66px);
            max-width:1200px;
            margin-left:auto;
            margin-right:auto;
        }

        .cw4k-cta .cw4k-subtitle{
            max-width:900px;
            margin:0 auto;
        }

        .cw4k-cta-actions{
            display:flex;
            justify-content:center;
            gap:14px;
            flex-wrap:wrap;
            margin-top:28px;
        }

        .cw4k-footer{
            padding:44px 0 12px;
        }

        .cw4k-footer-main{
            display:grid;
            grid-template-columns:1.2fr .9fr .9fr .9fr;
            gap:26px;
            padding:18px 0 30px;
        }

        .cw4k-footer h4{
            margin:0 0 18px;
            color:#fff;
            font-size:19px;
            letter-spacing:-.02em;
        }

        .cw4k-footer p,
        .cw4k-footer a{
            color:#c3cfde;
            text-decoration:none;
            line-height:1.8;
            font-size:17px;
        }

        .cw4k-footer-links{
            display:flex;
            flex-direction:column;
            gap:8px;
        }

        .cw4k-footer-bottom{
            border-top:1px solid rgba(255,255,255,.08);
            padding-top:18px;
            display:flex;
            justify-content:space-between;
            gap:16px;
            flex-wrap:wrap;
            color:#a8b7c9;
            font-size:15px;
        }

        @media (max-width: 1280px){
            .cw4k-grid-2,
            .cw4k-grid-2-plans{
                grid-template-columns:1fr;
            }

            .cw4k-course-grid{
                grid-template-columns:repeat(3, minmax(0, 1fr));
            }

            .cw4k-feature-strip-inner{
                grid-template-columns:repeat(2, minmax(0, 1fr));
            }

            .cw4k-feature{
                border-right:none;
                border-bottom:1px solid rgba(255,255,255,.08);
            }

            .cw4k-feature:nth-last-child(-n+2){
                border-bottom:none;
            }
        }

        @media (max-width: 1080px){
            .cw4k-nav{
                display:grid;
                grid-template-columns:1fr;
                justify-items:center;
                text-align:center;
            }

            .cw4k-actions{
                justify-content:center;
            }

            .cw4k-grid-4,
            .cw4k-grid-3{
                grid-template-columns:1fr;
            }

            .cw4k-course-grid{
                grid-template-columns:repeat(2, minmax(0, 1fr));
            }

            .cw4k-mini-stats{
                grid-template-columns:1fr;
            }

            .cw4k-footer-main{
                grid-template-columns:1fr 1fr;
            }

            .cw4k-hero-card{
                padding:46px 28px;
                min-height:auto;
            }

            .cw4k-visual-frame{
                min-height:auto;
            }

            .cw4k-visual-screen{
                min-height:380px;
            }
        }

        @media (max-width: 780px){
            .cw4k-shell,
            .cw4k-nav{
                width:min(calc(100% - 20px), var(--cw-max));
            }

            .cw4k-links{
                gap:16px;
            }

            .cw4k-title{
                font-size:clamp(34px, 10vw, 52px);
            }

            .cw4k-step-card h3,
            .cw4k-course-body h3{
                font-size:24px;
            }

            .cw4k-plan-card h3{
                font-size:34px;
            }

            .cw4k-faq-button{
                font-size:22px;
                padding:20px 18px;
            }

            .cw4k-faq-content{
                padding:0 18px 20px;
                font-size:17px;
            }

            .cw4k-course-grid,
            .cw4k-feature-strip-inner,
            .cw4k-footer-main{
                grid-template-columns:1fr;
            }

            .cw4k-feature{
                border-bottom:1px solid rgba(255,255,255,.08);
            }

            .cw4k-feature:last-child{
                border-bottom:none;
            }

            .cw4k-cta{
                padding:38px 20px;
            }
        }

        @media (max-width: 560px){
            .cw4k-btn{
                width:100%;
            }

            .cw4k-actions,
            .cw4k-hero-actions,
            .cw4k-cta-actions{
                width:100%;
            }

            .cw4k-links{
                display:grid;
                grid-template-columns:repeat(2, minmax(0, 1fr));
                gap:12px 16px;
            }

            .cw4k-hero-card{
                padding:34px 18px;
                border-radius:24px;
            }

            .cw4k-visual-frame{
                padding:16px;
                border-radius:22px;
            }

            .cw4k-visual-screen{
                min-height:290px;
                border-radius:20px;
            }

            .cw4k-step-number{
                font-size:46px;
            }

            .cw4k-section{
                padding:48px 0;
            }
        }
        
        /* =========================================================
   CORRECCIÓN FULL WIDTH + TIPOGRAFÍA CURSOSWOO
   ========================================================= */

/* Sacar la portada del contenedor angosto del tema */
.cw4k-wrap{
    width:100vw !important;
    max-width:none !important;

    position:relative !important;
    left:50% !important;

    margin-left:-50vw !important;
    margin-right:-50vw !important;

    padding-left:0 !important;
    padding-right:0 !important;
}


/* Asegurar que los contenedores internos aprovechen el ancho */
.cw4k-shell,
.cw4k-nav{
    width:calc(100% - 64px) !important;
    max-width:1560px !important;
}


/* Evitar tipografía heredada del tema */
.cw4k-wrap,
.cw4k-wrap h1,
.cw4k-wrap h2,
.cw4k-wrap h3,
.cw4k-wrap h4,
.cw4k-wrap h5,
.cw4k-wrap h6,
.cw4k-wrap p,
.cw4k-wrap a,
.cw4k-wrap button,
.cw4k-wrap span,
.cw4k-wrap div{
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}


/* Títulos fuertes como la referencia */
.cw4k-wrap .cw4k-title{
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-weight:900 !important;
}


/* Evitar márgenes que algunos temas meten en el contenido */
.cw4k-wrap h1,
.cw4k-wrap h2,
.cw4k-wrap h3,
.cw4k-wrap h4,
.cw4k-wrap p{
    max-width:none;
}


/* Escritorio grande / 2K / 4K */
@media(min-width:1600px){

    .cw4k-shell,
    .cw4k-nav{
        max-width:1680px !important;
    }

    .cw4k-hero-card{
        min-height:760px;
    }

}


/* Tablet */
@media(max-width:900px){

    .cw4k-shell,
    .cw4k-nav{
        width:calc(100% - 30px) !important;
    }

}


/* Móvil */
@media(max-width:600px){

    .cw4k-shell,
    .cw4k-nav{
        width:calc(100% - 20px) !important;
    }

}

/* ======================================================================
   CURSOSWOO PORTADA 4K — REFINAMIENTO PROFESIONAL 2026-09-29
   Este bloque reemplaza visualmente las reglas anteriores sin afectar
   Aula, Browser, dispositivos ni membresías.
   ====================================================================== */

/* Base: evita el scroll horizontal que se veía en las capturas. */
html,
body{
    overflow-x:hidden;
}

.cw4k-wrap{
    --cw-section-pad:clamp(66px,7vw,112px);
    background:
        radial-gradient(circle at 8% 4%, rgba(255,132,0,.12), transparent 26%),
        radial-gradient(circle at 92% 14%, rgba(28,74,170,.12), transparent 28%),
        linear-gradient(180deg,#030711 0%,#06101f 38%,#050b16 100%) !important;
    padding-bottom:0 !important;
}

.cw4k-section{
    padding:var(--cw-section-pad) 0 !important;
    border-top:1px solid rgba(255,255,255,.055) !important;
}

/* ----------------------------------------------------------------------
   1. HERO: elimina el vacío, mejora encuadre y nitidez del logo.
   ---------------------------------------------------------------------- */
.cw4k-hero{
    padding:30px 0 28px !important;
}

.cw4k-hero-card{
    min-height:0 !important;
    padding:clamp(34px,4.3vw,66px) !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 7% 12%, rgba(255,137,0,.18), transparent 27%),
        radial-gradient(circle at 92% 24%, rgba(50,85,170,.13), transparent 28%),
        linear-gradient(120deg,#071225 0%,#081124 50%,#140d0b 100%) !important;
    border:1px solid rgba(255,164,51,.16) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.24) !important;
}

.cw4k-hero-grid{
    align-items:center !important;
    gap:clamp(32px,4vw,70px) !important;
}

.cw4k-hero-copy{
    padding:24px 0 !important;
    align-self:center;
}

.cw4k-hero-title{
    font-size:clamp(48px,5.5vw,88px) !important;
    line-height:.98 !important;
    max-width:760px !important;
}

.cw4k-hero-copy .cw4k-subtitle{
    max-width:710px !important;
    font-size:clamp(17px,1.25vw,21px) !important;
    line-height:1.72 !important;
}

.cw4k-hero-visual{
    align-self:center !important;
}

.cw4k-visual-frame{
    min-height:0 !important;
    padding:18px !important;
    border-radius:30px !important;
    border:1px solid rgba(255,174,71,.22) !important;
    background:linear-gradient(145deg,rgba(255,153,0,.08),rgba(255,255,255,.025)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 36px rgba(0,0,0,.24) !important;
}

.cw4k-visual-screen{
    min-height:clamp(360px,35vw,520px) !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 52%, rgba(255,143,0,.12), transparent 38%),
        linear-gradient(145deg,#07162a 0%,#040b16 100%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    isolation:isolate;
}

.cw4k-logo-halo{
    position:absolute;
    width:72%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,146,0,.16),rgba(255,146,0,.04) 42%,transparent 70%);
    z-index:-1;
}

.cw4k-visual-screen img{
    width:min(82%,520px) !important;
    max-height:440px !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:brightness(1.12) contrast(1.06) saturate(1.12) drop-shadow(0 16px 28px rgba(0,0,0,.28)) !important;
    image-rendering:auto;
}

.cw4k-visual-caption{
    margin:14px 4px 2px !important;
    padding:10px 12px !important;
    color:#eef4ff !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:.01em;
}

.cw4k-mini-stats-wide{
    margin-top:28px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.cw4k-mini-stats-wide .cw4k-stat{
    min-height:118px !important;
    padding:22px 24px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)) !important;
    border-color:rgba(255,255,255,.10) !important;
}

.cw4k-mini-stats-wide .cw4k-stat strong{
    color:#ffad3d !important;
}

/* ----------------------------------------------------------------------
   2. CUADRANTE DE BENEFICIOS: tarjetas separadas y más profesionales.
   ---------------------------------------------------------------------- */
.cw4k-feature-strip{
    padding-top:22px !important;
}

.cw4k-feature-strip-inner{
    gap:16px !important;
    padding:18px !important;
    border:1px solid rgba(255,163,44,.14) !important;
    border-radius:28px !important;
    overflow:visible !important;
    background:linear-gradient(135deg,rgba(255,126,0,.055),rgba(9,21,43,.54)) !important;
}

.cw4k-feature{
    position:relative;
    min-height:178px !important;
    padding:28px 26px 26px !important;
    border:1px solid rgba(255,255,255,.085) !important;
    border-radius:22px !important;
    background:linear-gradient(160deg,#0d1930,#081122) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.16);
}

.cw4k-feature:before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:18px;
    border-radius:11px;
    background:rgba(255,151,0,.12);
    border:1px solid rgba(255,151,0,.20);
    color:#ffb449;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}
.cw4k-feature:nth-child(1):before{content:"01";}
.cw4k-feature:nth-child(2):before{content:"02";}
.cw4k-feature:nth-child(3):before{content:"03";}
.cw4k-feature:nth-child(4):before{content:"04";}

.cw4k-feature h3{
    font-size:24px !important;
    line-height:1.15 !important;
    margin-bottom:10px !important;
}

.cw4k-feature p{
    font-size:16px !important;
    line-height:1.65 !important;
}

/* ----------------------------------------------------------------------
   3. DIFERENCIA: panel más limpio, centrado y sin aspecto de tabla cruda.
   ---------------------------------------------------------------------- */
.cw4k-section-difference{
    background:
        radial-gradient(circle at 85% 15%,rgba(38,87,180,.12),transparent 30%),
        linear-gradient(180deg,#07101d 0%,#071323 100%) !important;
}

.cw4k-section-difference .cw4k-shell{
    max-width:1440px !important;
}

.cw4k-section-difference .cw4k-kicker{
    display:flex !important;
    justify-content:center;
}

.cw4k-difference-title{
    font-size:clamp(38px,4.7vw,68px) !important;
    max-width:1120px !important;
    margin:0 auto 36px !important;
    text-align:center !important;
    line-height:1.05 !important;
}

.cw4k-table-wrap{
    margin-top:0 !important;
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.10) !important;
    background:#091426 !important;
    box-shadow:0 18px 42px rgba(0,0,0,.22) !important;
}

.cw4k-compare th{
    padding:24px 26px !important;
    background:#111d31 !important;
    color:#f7faff !important;
    font-size:18px !important;
    letter-spacing:.01em;
}

.cw4k-compare td{
    padding:22px 26px !important;
    background:rgba(4,12,25,.48);
    font-size:17px !important;
}

.cw4k-compare tbody tr:nth-child(even) td{
    background:rgba(15,29,51,.42);
}

.cw4k-compare tbody tr:hover td{
    background:rgba(255,143,0,.045);
}

/* ----------------------------------------------------------------------
   4. CURSOS: fondo propio para diferenciar el catálogo.
   ---------------------------------------------------------------------- */
.cw4k-section-courses{
    background:
        radial-gradient(circle at 10% 12%,rgba(255,145,0,.12),transparent 28%),
        radial-gradient(circle at 92% 80%,rgba(41,86,170,.11),transparent 30%),
        linear-gradient(180deg,#090d16 0%,#101423 52%,#080d18 100%) !important;
}

.cw4k-section-courses .cw4k-sec-head{
    align-items:center !important;
    margin-bottom:34px !important;
}

.cw4k-courses-title{
    font-size:clamp(38px,4.4vw,62px) !important;
    margin-bottom:12px !important;
}

.cw4k-section-courses .cw4k-course-card{
    border-color:rgba(255,255,255,.11) !important;
    background:linear-gradient(180deg,#0f192c,#091225) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}

.cw4k-section-courses .cw4k-course-thumb{
    background:
        radial-gradient(circle at 18% 22%,rgba(255,144,0,.17),transparent 34%),
        repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 10px,transparent 10px 20px),
        linear-gradient(145deg,#171b26,#101827) !important;
}

.cw4k-section-courses .cw4k-course-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(255,159,28,.28) !important;
}

/* ----------------------------------------------------------------------
   5. PLANES: mejor centrado, títulos diferentes y Elite destacado.
   ---------------------------------------------------------------------- */
.cw4k-section-plans{
    background:
        radial-gradient(circle at 75% 18%,rgba(255,156,0,.12),transparent 30%),
        radial-gradient(circle at 18% 80%,rgba(77,91,210,.11),transparent 30%),
        linear-gradient(180deg,#071329 0%,#08152b 100%) !important;
}

.cw4k-section-plans > .cw4k-shell > .cw4k-kicker{
    display:flex !important;
    justify-content:center;
}

.cw4k-plans-title{
    max-width:1080px !important;
    margin:0 auto 18px !important;
    text-align:center !important;
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(38px,4.6vw,66px) !important;
    letter-spacing:-.035em !important;
    background:linear-gradient(90deg,#ffffff 0%,#ffd18a 48%,#ff9b22 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
}

.cw4k-plans-subtitle{
    max-width:930px !important;
    margin:0 auto !important;
    text-align:center !important;
}

.cw4k-grid-2-plans{
    align-items:stretch !important;
    max-width:1240px;
    margin-left:auto;
    margin-right:auto;
}

.cw4k-plan-card{
    padding:38px 34px 34px !important;
    border-radius:28px !important;
    min-height:100% !important;
}

.cw4k-plan-card.is-premium{
    border-color:rgba(105,124,255,.28) !important;
    background:
        radial-gradient(circle at 10% 0%,rgba(105,124,255,.13),transparent 30%),
        linear-gradient(160deg,#101b35 0%,#091426 100%) !important;
}

.cw4k-plan-card.is-elite{
    transform:translateY(-10px);
    border:1px solid rgba(255,165,35,.68) !important;
    background:
        radial-gradient(circle at 88% 0%,rgba(255,152,0,.18),transparent 32%),
        linear-gradient(160deg,#1a1721 0%,#10182a 48%,#15100c 100%) !important;
    box-shadow:0 24px 54px rgba(255,137,0,.14),0 16px 40px rgba(0,0,0,.25) !important;
}

.cw4k-plan-pill{
    position:static !important;
    width:max-content;
    margin-bottom:26px;
}

.cw4k-plan-pill-premium{
    background:rgba(93,114,255,.15) !important;
    border:1px solid rgba(121,139,255,.23);
    color:#b9c4ff !important;
}

.cw4k-plan-pill-elite{
    display:flex !important;
    align-items:center;
    gap:10px;
    padding:8px 10px 8px 13px !important;
    background:rgba(255,151,0,.12) !important;
    border:1px solid rgba(255,165,39,.32);
    color:#ffbd61 !important;
}

.cw4k-plan-pill-elite strong{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border-radius:999px;
    background:linear-gradient(180deg,#ffb73e,#ff8d00);
    color:#1a1208 !important;
    font-size:10px;
    letter-spacing:.08em;
    font-weight:900;
}

.cw4k-plan-card h3{
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(32px,3.1vw,48px) !important;
    letter-spacing:-.035em !important;
}

.cw4k-plan-card.is-premium h3{
    color:#cbd4ff !important;
}

.cw4k-plan-card.is-elite h3{
    background:linear-gradient(90deg,#fff 0%,#ffd38c 48%,#ff9a1f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
}

.cw4k-plan-card .cw4k-btn{
    width:100%;
    min-height:54px !important;
}

.cw4k-plan-card.is-premium .cw4k-btn-primary{
    background:linear-gradient(180deg,#7788ff,#5868e9) !important;
    color:#fff !important;
    box-shadow:0 12px 26px rgba(88,104,233,.18) !important;
}

.cw4k-plan-card.is-elite .cw4k-btn-primary{
    background:linear-gradient(180deg,#ffb53a,#ff8c00) !important;
    color:#171009 !important;
}

.cw4k-plan-note{
    max-width:1000px;
    margin:22px auto 0 !important;
    text-align:center;
}

/* ----------------------------------------------------------------------
   6. FAQ: fondo diferente, mejor jerarquía y estado abierto visible.
   ---------------------------------------------------------------------- */
.cw4k-section-faq{
    background:
        radial-gradient(circle at 50% 6%,rgba(255,153,0,.12),transparent 28%),
        linear-gradient(180deg,#0b1020 0%,#081528 100%) !important;
}

.cw4k-section-faq .cw4k-shell{
    max-width:1320px !important;
}

.cw4k-faq-title{
    text-align:center !important;
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(38px,4.5vw,64px) !important;
    color:#fff4e2 !important;
    margin-bottom:14px !important;
}

.cw4k-faq-subtitle{
    text-align:center !important;
    margin:0 auto 34px !important;
    max-width:900px !important;
}

.cw4k-faq{
    max-width:1160px !important;
    padding:18px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(5,13,27,.42);
}

.cw4k-faq-item{
    border-radius:19px !important;
    border:1px solid rgba(255,255,255,.085) !important;
    background:linear-gradient(160deg,#101b31,#0b1528) !important;
    box-shadow:none !important;
}

.cw4k-faq-item.is-open{
    border-color:rgba(255,158,27,.38) !important;
    background:linear-gradient(160deg,#171a2a,#111829) !important;
    box-shadow:inset 4px 0 0 #ff9700 !important;
}

.cw4k-faq-button{
    font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif !important;
    font-size:clamp(19px,1.8vw,26px) !important;
    padding:23px 24px !important;
}

.cw4k-faq-item.is-open .cw4k-faq-button{
    color:#ffc36d !important;
}

.cw4k-faq-icon{
    background:rgba(255,151,0,.10) !important;
    border:1px solid rgba(255,151,0,.18);
    color:#ffb348;
}

/* ----------------------------------------------------------------------
   7. CTA + FOOTER: menos vacío y copyright centrado.
   ---------------------------------------------------------------------- */
.cw4k-section-cta{
    padding-bottom:54px !important;
}

.cw4k-cta{
    border-color:rgba(255,159,29,.20) !important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,151,0,.13),transparent 38%),
        linear-gradient(160deg,#101a30,#0a1325) !important;
}

.cw4k-footer{
    padding:28px 0 18px !important;
    background:#030813;
    border-top:1px solid rgba(255,255,255,.06);
}

.cw4k-footer-main{
    padding:16px 0 26px !important;
}

.cw4k-footer-bottom{
    justify-content:center !important;
    text-align:center !important;
    padding:22px 0 6px !important;
}

/* ----------------------------------------------------------------------
   Responsive refinado.
   ---------------------------------------------------------------------- */
@media(max-width:1280px){
    .cw4k-plan-card.is-elite{
        transform:none;
    }
}

@media(max-width:1080px){
    .cw4k-hero-grid{
        grid-template-columns:1fr !important;
    }

    .cw4k-mini-stats-wide{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media(max-width:780px){
    .cw4k-mini-stats-wide{
        grid-template-columns:1fr !important;
    }

    .cw4k-feature-strip-inner{
        padding:12px !important;
    }

    .cw4k-sec-head{
        align-items:flex-start !important;
        flex-direction:column;
    }

    .cw4k-table-wrap{
        border-radius:20px !important;
    }

    .cw4k-plan-card{
        padding:30px 22px !important;
    }

    .cw4k-faq{
        padding:10px !important;
    }
}



/* =========================================================
   AJUSTES EXTRA SOLICITADOS 2026-09-29
   ========================================================= */

/* 1) Tarjeta 02 destacada */
.cw4k-feature-highlight{
    background:linear-gradient(160deg,#25140a,#151c34) !important;
    border-color:rgba(255,170,54,.24) !important;
    box-shadow:0 16px 32px rgba(255,128,0,.12) !important;
}

.cw4k-feature-highlight h3{
    color:#ffd08a !important;
}

/* 2) Cómo funciona con fondo claro */
.cw4k-section-steps{
    background:linear-gradient(180deg,#f7f8fb 0%,#eef2f7 100%) !important;
}

.cw4k-section-steps .cw4k-kicker,
.cw4k-section-steps .cw4k-title,
.cw4k-section-steps .cw4k-subtitle{
    color:#101828 !important;
}

.cw4k-section-steps .cw4k-subtitle{
    max-width:980px;
}

.cw4k-section-steps .cw4k-step-card{
    background:linear-gradient(160deg,#17233b 0%,#0d1730 100%) !important;
    border-color:rgba(23,39,66,.12) !important;
    box-shadow:0 18px 32px rgba(15,23,42,.12) !important;
}

.cw4k-section-steps .cw4k-step-number{
    color:#d39a43 !important;
}

.cw4k-section-steps .cw4k-step-card p{
    color:#dbe6f4 !important;
}

/* 3) Diferencia con nuevo subtítulo */
.cw4k-difference-subtitle{
    max-width:940px;
    margin:0 auto 26px !important;
    text-align:center !important;
}

/* 4) Banda de oferta / métricas */
.cw4k-offer-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:30px auto 24px;
    max-width:1240px;
}

.cw4k-offer-item{
    padding:24px 26px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(160deg,#0e1930 0%,#0a1222 100%);
    box-shadow:0 14px 32px rgba(0,0,0,.18);
}

.cw4k-offer-item strong{
    display:block;
    font-size:32px;
    line-height:1;
    margin-bottom:10px;
    color:#ffd449;
    letter-spacing:-.04em;
    font-weight:900;
}

.cw4k-offer-item span{
    display:block;
    color:#dbe3f2;
    font-size:18px;
    line-height:1.6;
}

.cw4k-offer-item:nth-child(2){
    background:linear-gradient(160deg,#17161f 0%,#111828 50%,#1b140d 100%);
}

.cw4k-offer-item:nth-child(2) strong{
    color:#ffb34d;
}

.cw4k-offer-item:nth-child(3){
    background:linear-gradient(160deg,#141b33 0%,#101c31 45%,#1f1609 100%);
}

/* 5) Responsive para banda de oferta */
@media(max-width:1080px){
    .cw4k-offer-strip{
        grid-template-columns:1fr;
    }
}