@font-face {font-family:'Poppins'; font-style:normal; font-weight:300; src:url('/files/fonts/Poppins-Light-webfont.eot?#iefix'); src:url('/files/fonts/Poppins-Light-webfont.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Light-webfont.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:400; src:url('/files/fonts/Poppins-Regular-webfont.eot?#iefix'); src:url('/files/fonts/Poppins-Regular-webfont.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Regular-webfont.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:600; src:url('/files/fonts/Poppins-SemiBold-webfont.eot?#iefix'); src:url('/files/fonts/Poppins-SemiBold-webfont.eot') format('embedded-opentype'), url('/files/fonts/Poppins-SemiBold-webfont.woff') format('woff')}
@font-face {font-family:'Poppins'; font-style:normal; font-weight:700; src:url('/files/fonts/Poppins-Bold-webfont.eot?#iefix'); src:url('/files/fonts/Poppins-Bold-webfont.eot') format('embedded-opentype'), url('/files/fonts/Poppins-Bold-webfont.woff') format('woff')}

@font-face {font-family:'Staatliches'; font-style:normal; font-weight:400; src:url('/files/fonts/Staatliches-Regular-webfont.eot?#iefix'); src:url('/files/fonts/Staatliches-Regular-webfont.eot') format('embedded-opentype'), url('/files/fonts/Staatliches-Regular-webfont.woff') format('woff')}

* {
            margin:0;
            padding:0;
            box-sizing:border-box;
}

.video-content {
}

        body {
            font-family:'Poppins';
            line-height:1.6;
            color:#2d3748;
            background:#fff;
}

        .container {
            max-width:1170px;
            margin:0 auto;
            padding:0 20px;
}

.header, .top {display:none !important;}
.footer{display:none !important;}

.container .logo {
    display:block;
    margin:5px auto 0px auto;
    float:none;
    width:230px;
    height:68px;
}

.container .logo img {
    width:100%;
    height:auto;
}

        .hero {
            background:#000;
            color:white;
            padding:20px 20px 20px;
            text-align:center;
            width:100%;
            height:117px;
}

        .lanTtl {
            background:#fff;
            color:#000;
            padding:20px 20px 40px;
            text-align:center;
            width:100%;
            font-family:poppins;
}

.lanTtl h1 {
    font-size:40px;
    text-transform:uppercase;
    line-height:48px;
}

        .hero h1 {
            font-size:3rem;
            font-weight:700;
            margin-bottom:10px;
            line-height:1.2;
}

        .hero .subtitle {
            font-size:1.5rem;
            margin-bottom:0px;
            opacity:0.95;
}

        .hero .description {
            font-size:1.15rem;
            max-width:800px;
            margin:0 auto 20px;
            line-height:1.8;
}

        .hero .sub-description {
            font-size:1.05rem;
            max-width:900px;
            margin:0 auto 40px;
            opacity:0.9;
            line-height:1.7;
}

        .benefits {
            display:flex;
            justify-content:center;
            gap:30px;
            flex-wrap:wrap;
            margin-top:30px;
}

        .benefit-item {
            display:flex;
            align-items:center;
            gap:8px;
            font-size:1rem;
}

        .main-offer {
            background:#fff;
            padding:20px 20px;
}

        .offer-box {
            background:#fff;
            border-radius:12px;
            padding:50px;
            max-width:900px;
            margin:0 auto;
            box-shadow:0 10px 40px rgba(0,0,0,0.1);
            text-align:center;
}

        .offer-box h2 {
            font-size:2.2rem;
            color:#000;
            margin-bottom:15px;
}

        .offer-box p {
            font-size:1.1rem;
            color:#000;
            margin-bottom:30px;
}

        .pricing {
            margin:30px 0;
}

.pricing .title {
    font-size:40px;
    font-weight:600;
    color:#000;
}

        .price-original {
            font-size:40px;
            color:#e53e3e;
            text-decoration:line-through;
            margin-right:15px;
            font-weight:700;
}

        .price-promo {
            font-size:40px;
            color:#af9653;
            font-weight:700;
}

        .cta-button {
            display:inline-block;
            background:#af9653;
            color:white;
            padding:20px 50px;
            font-size:1.2rem;
            font-weight:600;
            text-decoration:none;
            transition:transform 0.3s, box-shadow 0.3s;
            margin:20px 0;
}

.level-card .cta-button {
    background:#000;
    margin:30px 0px 0px 0px;
}

        .cta-button:hover {
            transform:translateY(-3px);
            box-shadow:0 15px 40px rgba(102, 126, 234, 0.5);
}

        .note {
            font-size:0.95rem;
            color:#718096;
            font-style:italic;
            margin-top:20px;
}

        .content-section {
            padding:20px 20px;
            background:#fff;
}

        .content-section h2 {
            font-size:2.5rem;
            color:#000;
            text-align:center;
            margin-bottom:40px;
}

        .levels-list {
            max-width:800px;
            margin:0 auto;
            color:#000;
}

        .levels-list ul {
            list-style:none;
}

        .levels-list li {
            font-size:1.15rem;
            padding:15px 0;
            padding-left:30px;
            position:relative;
}


        .description-text {
            max-width:900px;
            margin:0 auto 0px;
            font-size:1.1rem;
            line-height:1.8;
            text-align:center;
            color:#000;
}

        .for-who {
            background:#fff;
}

        .checklist {
            max-width:800px;
            margin:0 auto;
            list-style:none;
            color:#000;
}

        .checklist li {
            font-size:1.1rem;
            padding:12px 0;
            padding-left:35px;
            position:relative;
}


        .levels-grid {
            display:grid;
            grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
            gap:30px;
            max-width:1100px;
            margin:0 auto;
            padding-top:20px;
}

        .level-card {
            background:#af9653;
            border-radius:12px;
            padding:40px 30px;
            box-shadow:0 5px 20px #414141;
            text-align:center;
            transition:transform 0.3s, box-shadow 0.3s;
}

        .level-card:hover {
            transform:translateY(-5px);
            box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

        .level-card h3 {
            font-size:1.8rem;
            color:#fff;
            margin-bottom:15px;
}

        .level-card .price {
            font-size:2.5rem;
            color:#fff;
            font-weight:700;
            margin:20px 0;
}

        .level-card .duration {
            font-size:15px;
            color:#fff;
            margin-bottom:20px;
            font-weight:700;
}

        .level-card .description {
            font-size:1rem;
            color:#fff;
            line-height:1.7;
            text-align:left;
            min-height:219px;
}

        .final-cta {
            background:#000;
            color:white;
            padding:80px 20px;
            text-align:center;
}

        .final-cta h2 {
            font-size:2.5rem;
            margin-bottom:20px;
            color:#fff;
}

        .final-cta p {
            font-size:1.3rem;
            margin-bottom:40px;
            opacity:0.95;
            color:#fff;
}

        @media (max-width:768px) {
            .hero h1 {
                font-size:2rem;
}

            .hero .subtitle {
                font-size:1.2rem;
}

            .hero .description,
            .hero .sub-description {
                font-size:1rem;
}

            .benefits {
                flex-direction:column;
                align-items:center;
}

            .offer-box {
                padding:30px 20px;
}

            .offer-box h2 {
                font-size:1.8rem;
}

            .price-promo {
                font-size:2.5rem;
}
   .pricing .title{
       font-size:32px;
       display:block;
}            
            .cta-button {
                padding:10px 10px;
                font-size:17px;
                line-height:24px;
}

            .content-section h2 {
                font-size:2rem;
}

            .levels-grid {
                grid-template-columns:1fr;
}

            .lanTtl{padding-bottom:0px;}

       iframe {
            width:100%;
            height:394px;
            display:block;
            border:none;
            position:static !important;
            top:0px !important;
            height:210px !important;
}            
}

 .video-section {
            padding:80px 20px;
            background:#fff;
}

        .video-grid {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:60px;
            align-items:initial;
            max-width:1200px;
            margin:0 auto;
}

.video-grid .video-container {
    max-width:589px;
    position:relative;
    margin:0 auto;
}

.video-grid .video-container img {
    width:100%;
    height:auto;
}

        .video-content .description {
            font-size:1.25rem;
            color:#000;
            line-height:1.8;
            margin-bottom:25px;
            font-weight:500;
}

        .video-content .sub-description {
            font-size:1.1rem;
            color:#000;
            line-height:1.8;
            margin-bottom:30px;
}

        .benefits-list {
            display:flex;
            flex-direction:column;
            gap:12px;
}

        .benefits-list .benefit-item {
            font-size:1.05rem;
            color:#000;
            display:flex;
            align-items:center;
            gap:10px;
}

        .video-wrapper {
            position:relative;
            width:100%;
            padding-bottom:56.25%;
            background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius:12px;
            overflow:hidden;
            box-shadow:0 20px 60px rgba(102, 126, 234, 0.3);
}

        .video-placeholder {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            color:white;
            cursor:pointer;
            transition:transform 0.3s;
}

        .video-placeholder:hover {
            transform:scale(1.05);
}

        .video-placeholder p {
            margin-top:15px;
            font-size:1.1rem;
            font-weight:500;
}

       iframe {
            width:100%;
            height:394px;
            display:block;
            border:none;
            position:absolute;
            top:-35px;
}
.video-section {
    padding:20px 20px;
    width:100%;
}

.container {
    max-width:1170px;
    margin:0 auto;
    width:100%;
}

.video-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:initial;
    overflow:hidden;
}

/* VIDEO */
.video-container {
    position:relative;
    width:100%;
    cursor:pointer;
}

.video-container img {
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
}


/* TEXTO */
.video-content .description {
    font-size:18px;
    margin-bottom:16px;
}

.video-content .sub-description {
    font-size:16px;
    margin-bottom:20px;
    opacity:0.9;
}

.benefits-list {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.benefit-item {
    font-size:15px;
}

/* MOBILE */
@media (max-width:768px) {
    .video-grid {
        grid-template-columns:1fr;
        gap:20px;
}

    .video-content {
        text-align:center;
        margin:0 20px;
}

    .benefits-list {
        align-items:center;
}
}

/* EXTRA SMALL */
@media (max-width:480px) {

    .video-content .description {
        font-size:16px;
}

    .video-content .sub-description {
        font-size:14px;
}
}

.btn {background:url(/images/0/btn-play.png) center no-repeat;position:absolute;width:100%;height:100%;right:0;top:0;display:block;cursor:pointer;}
.btn:hover {background:url(/images/0/btn-play-h.png) center no-repeat;}