@media(max-width:980px) {

            .btn-main,
            .btn-second{
                width:100%;

                max-width:310px;

                justify-content:center;
                align-items: center;

                padding:
                .7rem 1rem;

                font-size:1.2rem;
            }
        }

        
/* =========================================================
HERO
========================================================= */

.hero{

    position:relative;

    overflow:hidden;

    padding:6rem 2rem 1.5rem;

    background:var(--surface);
        }

.hero::before{

    content:"";

    position:absolute;

    width:720px;
    height:720px;

    top:-320px;
    left:-260px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,20,147,.06),
    transparent 70%);

    pointer-events:none;
}

.hero::after{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    right:-220px;
    bottom:-260px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(76,51,112,.06),
    transparent 70%);

    pointer-events:none;
}

/* GRID */

.hero-inner{

    position:relative;

    z-index:2;

    width:min(1200px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:7rem;

    align-items:center;
}

/* =========================================================
LEFT
========================================================= */

.hero-mini{

    display:inline-flex;

    margin-bottom:1.2rem;

    font-size:.9rem;

    font-weight:800;

    letter-spacing:.16em;

    color:var(--morado2);
}

.hero h1{

    font-family:'Syne',sans-serif;

    font-size: clamp(3.5rem, 4.5vw, 4.3rem);
    

    line-height:.92;

    letter-spacing:-3px;

    color:var(--texto);

    margin-bottom:1.5rem;

    max-width:820px;
}

.hero h1 span{

    background:
                linear-gradient(90deg,
                    var(--fucsia),
                    var(--morado));

            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}

.hero-sub{

    max-width:620px;

    font-size:1.35rem;

    font-weight:600;

    line-height:1.6;

    color:var(--texto2);

    margin-bottom:1.5rem;
}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    padding:.75rem 1.2rem;

    margin-bottom:1.8rem;

    border-radius:999px;

    background:rgba(255,20,147,.08);

    border:1px solid rgba(255,20,147,.14);

    color:var(--morado2);

    font-size:.95rem;

    font-weight:800;

    letter-spacing:.03em;

    box-shadow:
    0 10px 25px rgba(255,20,147,.08);
}

.hero-badge i{

    color:var(--fucsia);

    font-size:.95rem;
}

.btn-main,
        .btn-second{

            display:inline-flex;

            align-items:center;

            gap:.9rem;

            text-decoration:none;

            padding: .9rem 1.8rem;

            border-radius:999px;

            font-size:1.2rem;

            font-weight:700;

            transition:var(--transition);
        }

        /* CTA PRINCIPAL */

        .btn-main{

            background:var(--fucsia);

            color:var(--white);

            border:1px solid var(--fucsia);

            box-shadow:
            0 10px 24px rgba(255,20,147,.18);
        }


        .btn-main:hover{
            background:var(--fucsia);

            color:#fff;

            transform:translateY(-3px);

            box-shadow:0 12px 30px rgba(255,20,147,.15);
        }

        .btn-second {
            background: white;

            border:
                1px solid #dfc7f3;

            color: var(--morado2);
        }

        .btn-main:hover,
        .btn-second:hover {
            transform: translateY(-3px);
        }

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:.8rem;

    margin:1.8rem 0;
}

.hero-tags span{

    display:inline-flex;

    align-items:center;

    gap:.65rem;

    width:auto;

    min-height:auto;

    padding:.7rem 1.1rem;

    background:#fff;

    border:1px solid rgba(255,20,147,.08);

    border-radius:999px;

    box-shadow:
    0 12px 25px rgba(25,15,55,.05);

    font-size:.9rem;

    font-weight:700;

    white-space:nowrap;
}

.hero-tags span::before{

    content:"";

    width:9px;
    height:9px;

    border-radius:50%;

    background:var(--fucsia);

    flex:0 0 9px;
}

/* BUTTONS */

.hero-buttons{

    display:flex;

    gap:1rem;

    align-items:center;
}

/* =========================================================
RIGHT
========================================================= */

.hero-photo-wrap{

    position:relative;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    overflow:visible;
}


.photo-bg{

    position:absolute;

    inset:8%;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,20,147,.12) 0%,
    rgba(152,85,255,.08) 45%,
    transparent 72%);

    filter:blur(70px);

    opacity:1;

    z-index:0;

    pointer-events:none;
}

.hero-photo{

    width:110%;

    max-width:760px;

    margin-left:0;

    filter:
        drop-shadow(0 40px 70px rgba(30,18,60,.18))
        drop-shadow(0 0 60px rgba(255,20,147,.08));

    position:relative;

    z-index:2;

    transition:.35s ease;
    
}

.hero-photo-wrap::before{

    content:"";

    position:absolute;

    width:620px;
    height:620px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,20,147,.12),
        transparent 70%);

    filter:blur(40px);

    z-index:0;
}

.hero-photo:hover{

    transform:
    translateY(-10px);
}

@media (max-width:1290px){

    .hero-buttons{
        gap:.8rem;
        flex-wrap:wrap;
    }

    .btn-main,
    .btn-second{

        padding:.85rem 1.5rem;

        font-size:1.05rem;
    }
}

@media (max-width:1100px){

    .btn-main,
    .btn-second{

        font-size:1rem;

        padding:.8rem 1.35rem;
    }
}

/* =========================================================
TABLET
========================================================= */

@media (max-width:980px){

    .hero{
        padding:5rem 1.5rem 1rem;
    }

    .hero-inner{

        grid-template-columns:1fr 1fr;

        gap:2rem;

        align-items:center;
    }

    .hero h1{

        font-size:clamp(3rem,5vw,4rem);

        line-height:.95;

        letter-spacing:-2px;
    }

    .hero-sub{

        font-size:1.1rem;

        line-height:1.35;

        margin:1.5rem 0;
    }

    .hero-photo{

        max-width:520px;
    }

/* TAGS */

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:.6rem;

    margin:1rem 0 1.2rem;
}

.hero-tags span{

    font-size:.82rem;

    padding:.7rem 1rem;
}

    .hero-buttons{

        flex-direction:column;

        align-items:flex-start;

        width:100%;
    }

    .btn-main,
    .btn-second{

        width:100%;

        max-width:300px;

        justify-content:center;

        font-size:1rem;

        padding:.85rem 1.2rem;
    }

}

/* =========================================================
MOBILE
========================================================= */

@media (max-width:820px){

    .hero{

        padding:5rem 1rem 1rem;
    }

    .hero-inner{

        display:flex;

        flex-direction:column;

        align-items:center;

        text-align:center;

        gap:1.2rem;
    }

    /* IMAGEN PRIMERO */

    .hero-photo-wrap{

        order:-1;

        width:100%;

        display:flex;

        justify-content:center;
    }

    .hero-photo{

        width:100%;

        max-width:340px;

        margin:0;

        transform:none;
    }

    /* BADGE */

    .hero-badge{

        margin:0 auto;

        margin-bottom:.8rem;
    }

    /* TITULO */

    .hero h1{

        font-size:clamp(2.3rem,9vw,3.3rem);

        line-height:.95;

        letter-spacing:-1.5px;

        margin-bottom:.8rem;
    }

    /* TEXTO */

    .hero-sub{

        max-width:360px;

        margin:0 auto 1.3rem;

        font-size:1.15rem;

        line-height:1.45;
    }

/* TAGS */


.hero-tags{

    justify-content:center;

    gap:.5rem;
}

.hero-tags span{

    font-size:.78rem;

    padding:.65rem .95rem;
}

    /* BOTONES */

    .hero-buttons{

        width:100%;

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:.9rem;
    }

    .btn-main,
    .btn-second{

        width:100%;

        max-width:320px;

        justify-content:center;
    }

}

/* =========================================================
MOVILES PEQUEÑOS
========================================================= */

@media (max-width:480px){

    .hero{

        padding:4.6rem 1rem 1rem;
    }

    .hero-photo{

        max-width:300px;
    }

    .hero h1{

        font-size:2.05rem;

        letter-spacing:-1px;
    }

    .hero-sub{

        font-size:1rem;
    }

    /* TAGS */

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:.45rem;

    margin:.7rem 0 .9rem;
}

.hero-tags span{

    font-size:.72rem;

    padding:.6rem .9rem;
}

}

/*=========================================================
IDENTIFICACIÓN
=========================================================*/

.pain{

    padding:2rem 0;

    background:
    linear-gradient(
        180deg,
        var(--surface-soft) 0%,
        #faf8fd 35%,
        #faf8fd 100%
    );

    position:relative;
}

.pain-grid{

    display:grid;

    grid-template-columns:460px 1fr;
    gap:3rem;

    align-items:center;
}

/* FOTO */

.pain-photo{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;
}


.pain-photo img{

    width:100%;
    max-width:620px;

    display:block;

    transform:translateY(-55px);

    position:relative;
    z-index:2;

    filter:
        drop-shadow(0 22px 35px rgba(25,15,55,.14))
        drop-shadow(0 0 22px rgba(255,20,147,.08));
}

.pain-photo::before{

    content:"";

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    background:
    radial-gradient(circle,
        rgba(255,20,147,.12) 0%,
        rgba(122,76,255,.08) 45%,
        transparent 75%);

    filter:blur(45px);

    z-index:1;
}

.pain-photo::after{

    content:"";

    position:absolute;

    bottom:18px;

    left:50%;

    transform:translateX(-50%);

    width:220px;

    height:26px;

    background:rgba(20,15,45,.14);

    border-radius:50%;

    filter:blur(20px);

    z-index:0;
}



/* TEXTO */

.pain-content h2{

    font-family:'Plus Jakarta Sans',sans-serif;

    font-size:clamp(1.8rem,1.8vw,1.8rem);

    line-height:1.15;

    letter-spacing:-1px;

    margin-bottom:1.4rem;

    color:var(--texto);
    
}

.pain-content h2 span{

    color:var(--fucsia);
}

/* LISTA */

.pain-list{

    display:flex;

    flex-direction:column;

    gap:.55rem;

}

.pain-list p{

    font-size:1.08rem;

    line-height:1.8;

    color:var(--texto2);

    margin:0;
}

.pain-list strong{

    color:var(--texto);

    font-weight:700;
}

/* CAJA FINAL */

.pain-box{

    margin-top:1.2rem;

    padding:1rem 1.5rem;

    position:relative;

    overflow:hidden;

    border-left:4px solid var(--fucsia);

    background:#fff7fc;

    box-shadow:
    0 20px 45px rgba(25,15,55,.06);

    border-radius:0 18px 18px 0;
}

.pain-box::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:3px;

    background:linear-gradient(
        90deg,
        var(--fucsia),
        transparent
    );

}

.pain-box h3{

    font-size:1.3rem;

    line-height:1.2;

    margin-bottom:.8rem;

    color:var(--texto);
}

.pain-box h3 span{

    color:var(--fucsia);
}

.pain-box p{

    font-size:1.05rem;

    line-height:1.8;

    color:var(--texto2);

    margin:.6rem 0;
}

.pain-box strong{

    color:var(--fucsia);
}

.pain-question{

    font-weight:700;

    color:var(--texto);

    margin-top:.8rem;

    margin-bottom:.25rem;
}

.pain-final{

    color:var(--fucsia);

    font-weight:800;

    margin:0;
}

/* CTA */

.pain-cta{

    margin-top:1.5rem;

    text-align:center;
}

.pain-cta a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:.95rem 2.2rem;

    border-radius:999px;

    background:var(--fucsia);

    color:#fff;

    font-weight:700;

    text-decoration:none;

    box-shadow:
        0 14px 30px rgba(255,20,147,.25);

    transition:.25s;
}

.pain-cta a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 20px 40px rgba(255,20,147,.35);
}

/*=========================================================*\
TABLET
\*=========================================================*/

@media (max-width:1100px){

    .pain{

        padding:1.8rem 0 2rem;
    }

     .pain .container{

        padding-inline:1.5rem;
    }

    .pain-grid{

        grid-template-columns:380px 1fr;

        gap:2.5rem;

        align-items:center;
    }

    .pain-photo img{

        max-width:520px;

        transform:translateY(-20px);
    }

    .pain-photo::before{

        width:360px;
        height:360px;
    }

    .pain-content h2{

        font-size:clamp(1.6rem,2vw,1.9rem);

        line-height:1.18;

        margin-bottom:1.2rem;
    }

    .pain-list{

        gap:.45rem;
    }

    .pain-list p{

        font-size:1rem;

        line-height:1.65;
    }

    .pain-box{

        margin-top:1rem;

        padding:1rem 1.3rem;
    }

    .pain-box h3{

        font-size:1.2rem;
    }

    .pain-box p{

        font-size:1rem;

        line-height:1.65;
    }

}



/*=========================================================*\
TABLET PEQUEÑA
\*=========================================================*/

@media (max-width:900px){

    .pain{

        padding:1rem 0 2rem;
    }

    .pain .container{

        padding-inline:1.25rem;
    }

    .pain-grid{

        grid-template-columns:1fr;

        gap:1rem;

        justify-items:center;
    }

    .pain-photo{

        order:-1;

        margin:0 0 -.5rem;
    }

    .pain-photo img{

        max-width:330px;

        transform:none;

        
    }

    .pain-photo::before{

        width:280px;
        height:280px;
    }

    .pain-photo::after{

        width:170px;
    }

    .pain-content{

        width:100%;

        max-width:650px;

        margin:0 auto;
    }

    /* TITULO */

    .pain-content h2{

        text-align:center;

        max-width:580px;

        margin:0 auto 1.3rem;

        font-size:2rem;

        line-height:1.18;
    }

    /* LISTA */

    .pain-list{

        gap:.9rem;

        align-items:center;

        text-align:center;
    }

    .pain-list p{

        max-width:560px;

        margin:0 auto;

        font-size:1rem;

        line-height:1.7;
    }

    /* CAJA */

    .pain-box{

        margin-top:1.4rem;

        width:100%;

        max-width:100%;

        box-sizing:border-box;

        text-align:left;

        border-left:none;

        border-top:4px solid var(--fucsia);

        border-radius:18px;

        padding:1.4rem;
    }

    .pain-box h3{

        font-size:1.25rem;
    }

    .pain-box p{

        font-size:1rem;

        line-height:1.7;
    }

}



/*=========================================================*\
MOVIL
\*=========================================================*/

@media (max-width:768px){

    .pain{

        padding:.8rem 0 2rem;
    }

    .pain .container{

        padding-inline:1rem;
    }

    .pain-grid{

        gap:.8rem;
    }

    .pain-photo{

        margin-top:-10px;

        margin-bottom:-5px;
    }

    .pain-photo img{

        max-width:330px;

        transform:none;
    }

    .pain-photo::before{

        width:220px;
        height:220px;
    }

.pain-content{

    width:100%;
}

.pain-content h2{

    max-width:100%;

    margin:0 auto 1rem;

    text-align:center;

    font-size:1.7rem;

    line-height:1.2;
}

.pain-list{

    gap:.8rem;

    align-items:center;

    text-align:center;
}

.pain-list p{

    width:100%;

    max-width:650px;

    margin:0 auto;

    font-size:.96rem;

    line-height:1.65;
}

    .pain-box{

        margin-top:1.2rem;

        padding:1.2rem;

        border-radius:16px;

        text-align:left;
    }

    .pain-box h3{

        font-size:1.12rem;

        line-height:1.3;
    }

    .pain-box p{

        font-size:.95rem;

        line-height:1.65;
    }

    .pain-question{

        font-size:.95rem;

        line-height:1.5;
    }

    .pain-final{

        font-size:1rem;
    }

}



/*=========================================================*\
MOVILES PEQUEÑOS
\*=========================================================*/

@media (max-width:480px){

    .pain{

        padding:.5rem 0 2rem;
    }

    .pain .container{

        padding-inline:.9rem;
    }

    .pain-photo{

        margin-top:-15px;

        margin-bottom:10px;
    }

    .pain-photo img{

        max-width:310px;

        transform:none;
    }

    .pain-content h2{

        max-width:310px;

        margin:0 auto 1rem;

        text-align:center;

        font-size:1.5rem;

        line-height:1.2;
    }

    .pain-list{

        align-items:center;

        text-align:center;
    }

    .pain-list p{

        max-width:300px;

        margin:0 auto;

        font-size:.9rem;

        line-height:1.6;
    }

    .pain-box{

        padding:1rem;

        border-radius:16px;
    }

    .pain-box h3{

        font-size:1.05rem;
    }

    .pain-box p{

        font-size:.9rem;
    }

    .pain-question{

        font-size:.9rem;

        line-height:1.45;
    }

    .pain-final{

        font-size:.95rem;
    }

}

/*=========================================================*\
RECORRIDO
\*=========================================================*/

.roadmap{

    padding:3rem 0;

    background:var(--surface);
}

/*----------------*/

.roadmap-head{

    text-align:center;

    max-width:700px;

    margin:0 auto 2rem;
}

.roadmap-head h2{

    font-size:clamp(2rem,3vw,2.8rem);

    color:var(--texto);

    margin-bottom:1rem;
}

.roadmap-head span{

    color:var(--fucsia);
}

.roadmap-head p{

    color:var(--texto2);

    font-size:1.08rem;

    line-height:1.7;
}

/*=========================================================*/

.road{

    position:relative;

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:1rem;

    align-items:start;
}

/* Línea */

.road-line{

    position:absolute;

    top:68px;

    left:10%;

    right:10%;

    height:3px;

    background:linear-gradient(
        90deg,
        rgba(255,20,147,.18),
        var(--fucsia),
        rgba(122,76,255,.25));

    z-index:1;
}

/*=========================================================*/

.road-step{

    position:relative;

    text-align:center;

    z-index:2;
}



/* Punto */

.road-dot{

    margin:1.6rem auto 1rem;

    width:74px;

    height:74px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.5rem;

    color:var(--fucsia);

    border:2px solid rgba(255,20,147,.15);

    box-shadow:
        0 15px 35px rgba(25,15,55,.07);

    transition:.3s;
}

.road-step:hover .road-dot{

    transform:translateY(-6px) scale(1.08);

    box-shadow:
        0 25px 45px rgba(255,20,147,.18);
}

.road-final{

    background:linear-gradient(
        135deg,
        var(--fucsia),
        #ff5db3);

    color:#fff;

    border:none;
}

/* Título */

.road-step h3{

    font-size:1rem;

    color:var(--texto);

    line-height:1.4;

    max-width:130px;

    margin:auto;
}

/*=========================================================*/

.road-finish{

    max-width:760px;

    margin:2.5rem auto 0;

    text-align:center;

    font-size:1.18rem;

    line-height:1.8;

    color:var(--texto2);
}

.road-finish strong{

    display:block;

    margin-top:.35rem;

    font-size:1.7rem;

    line-height:1.35;

    color:var(--fucsia);

    font-weight:800;
}

/*=========================================================*/
/* TABLET */
/*=========================================================*/

@media(max-width:1100px){

    .roadmap .container{

        padding-inline:1.5rem;
    }

    .road{

        gap:.5rem;
    }

    .road-dot{

        width:68px;

        height:68px;

        font-size:1.35rem;
    }

    .road-step h3{

        font-size:.95rem;
    }

    .road-line{

        left:8%;

        right:8%;
    }

}

/*=========================================================*/
/* TABLET PEQUEÑA */
/*=========================================================*/

@media(max-width:760px){

    .roadmap{

        padding:2.5rem 0;
    }

    .roadmap .container{

        padding-inline:1.25rem;
    }

    .roadmap-head{

        margin-bottom:3rem;
    }

    .roadmap-head h2{

        font-size:2rem;
    }

    .roadmap-head p{

        font-size:1rem;
    }

    .road{

        grid-template-columns:1fr;

        gap:2rem;
    }

    .road-dot{

    margin:1rem auto .9rem;
}

    .road-line{

        top:55px;

        bottom:55px;

        left:50%;

        width:3px;

        right:auto;

        height:auto;

        transform:translateX(-50%);
    }

    .road-step{

        padding-top:.25rem;
    }

    .road-step h3{

        max-width:none;
    }

    .road-finish{

        margin-top:3rem;

        font-size:1.08rem;
    }

    .road-finish strong{

        font-size:1.25rem;
    }

}

/*=========================================================*/
/* MÓVIL */
/*=========================================================*/

@media(max-width:480px){

    .roadmap{

        padding:1rem 0;
    }

    .roadmap .container{

        padding-inline:1rem;
    }

    .roadmap-head{

        margin-bottom:2.5rem;
    }

    .roadmap-head h2{

        font-size:1.7rem;
    }

    .roadmap-head p{

        font-size:.95rem;
    }

    .road-dot{

        width:62px;

        height:62px;

        font-size:1.2rem;

        margin:.8rem auto .8rem;
    }



    .road-step h3{

        font-size:.95rem;
    }

    .road-finish{

        font-size:1rem;

        line-height:1.7;
    }

    .road-finish strong{

        font-size:1.15rem;
    }

}

/*=========================================================*\
RESULTADO FINAL
\*=========================================================*/

.mindset{

    padding:1rem 0 3rem;

    background:var(--surface);

}

.mindset-head{

    text-align:center;

    max-width:760px;

    margin:0 auto 2.5rem;

}

.mindset-head h2{

    font-size:clamp(2rem,2vw,2rem);

    line-height:1.15;

    color:var(--morado);

}

.mindset-list{

    max-width:660px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:.8rem;

}

.mindset-item{

    display:flex;

    align-items:center;

    gap:1.2rem;

    min-height:55px;

    padding:0 1.2rem;

    background:#fff;

    border-radius:20px;

    border:1px solid rgba(255,20,147,.08);

    box-shadow:
        0 18px 35px rgba(25,15,55,.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

}

.mindset-item:hover{

    transform:translateY(-3px);

    border-color:rgba(255,20,147,.18);

    box-shadow:
        0 18px 35px rgba(25,15,55,.08),
        0 8px 18px rgba(255,20,147,.10);

}

.mindset-item:hover .mindset-icon{

    transform:scale(1.08);

}

.mindset-icon{

    flex-shrink:0;

    width:38px;

    height:38px;

    border-radius:50%;

    background:var(--fucsia);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:1rem;

    transition:
        transform .25s ease,
        box-shadow .25s ease;


}

.mindset-item p{

    margin:0;

    font-size:1rem;

    font-weight:700;

    color:var(--texto);

    line-height:1.45;

}

/*=============================*/

.mindset-final{

    background:var(--fucsia);

    border:none;

    border-radius:20px;

    min-height:55px;

    box-shadow:
        0 22px 45px rgba(255,20,147,.28);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.mindset-final:hover{

    transform:translateY(-3px);

    box-shadow:
        0 28px 55px rgba(255,20,147,.35);

}

.mindset-final .mindset-icon{

    font-size: 1.5rem;

    color:#fff;
}

.mindset-final p{

    color:#fff;

    font-weight:700;

}

.mindset-item,
.mindset-final{

    border-radius:22px;

}

/*=========================================================*/

/*=========================================================*\
TABLET
\*=========================================================*/

@media (max-width:1100px){

    .mindset{

        padding:1rem 0 2rem;

    }

    .mindset .container{

        padding-inline:1.5rem;

    }

    .mindset-head{

        margin-bottom:2.2rem;

    }

    .mindset-head h2{

        font-size:1.9rem;

    }

    .mindset-list{

        max-width:700px;

    }

}


/*=========================================================*\
TABLET PEQUEÑA
\*=========================================================*/

@media (max-width:900px){

    .mindset{

        padding:1rem 0 2rem;

    }

    .mindset .container{

        padding-inline:1.25rem;

    }

    .mindset-head{

        margin-bottom:2rem;

    }

    .mindset-head h2{

        font-size:1.75rem;

        line-height:1.2;

    }

    .mindset-list{

        max-width:100%;

        gap:.75rem;

    }

    .mindset-item{

        min-height:54px;

        padding:0 .95rem;

        gap:.9rem;

    }

    .mindset-icon{

        width:34px;

        height:34px;

        font-size:.9rem;

    }

    .mindset-final .mindset-icon{

        font-size:1.2rem;

    }

    .mindset-item p{

        font-size:.95rem;

    }

}


/*=========================================================*\
MÓVIL
\*=========================================================*/

@media (max-width:768px){

    .mindset{

        padding:2rem 0;

    }

    .mindset .container{

        padding-inline:1rem;

    }

    .mindset-head{

        margin-bottom:1.8rem;

    }

    .mindset-head h2{

        font-size:1.55rem;

        line-height:1.2;

    }

    .mindset-item{

        min-height:auto;

        padding:.8rem .9rem;

        gap:.8rem;

        border-radius:18px;

    }

    .mindset-icon{

        width:32px;

        height:32px;

        font-size:.8rem;

    }

    .mindset-final .mindset-icon{

        font-size:1.1rem;

    }

    .mindset-item p{

        font-size:.9rem;

        line-height:1.45;

    }

}


/*=========================================================*\
MÓVILES PEQUEÑOS
\*=========================================================*/

@media (max-width:480px){

    .mindset{

        padding:1.8rem 0;

    }

    .mindset .container{

        padding-inline:.9rem;

    }

    .mindset-head h2{

        font-size:1.4rem;

    }

    .mindset-list{

        gap:.65rem;

    }

    .mindset-item{

        padding:.75rem .85rem;

        gap:.75rem;

    }

    .mindset-icon{

        width:30px;

        height:30px;

        font-size:.75rem;

    }

    .mindset-final .mindset-icon{

        font-size:1rem;

    }

    .mindset-item p{

        font-size:.88rem;

        line-height:1.4;

    }

}

/*=========================================================*\
CURRÍCULUM
\*=========================================================*/

.curriculum{

    padding:2rem 0;

    background:var(--surface-soft);

    position:relative;

    overflow:hidden;

}

.curriculum::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:
    radial-gradient(circle,
        rgba(107,66,165,.12),
        transparent 70%);

    top:-180px;

    left:-120px;

    filter:blur(40px);

    pointer-events:none;

}

.curriculum::after{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    background:
    radial-gradient(circle,
        rgba(255,0,153,.08),
        transparent 70%);

    bottom:-180px;

    right:-120px;

    filter:blur(45px);

    pointer-events:none;

}

.curriculum-head{

    max-width:700px;

    margin:0 auto 3rem;

    text-align:center;

}

.curriculum-head h2{

    font-size:clamp(2rem,3vw,2.8rem);

    color:var(--texto);

    margin-bottom:1rem;

}

.curriculum-head p{

    color:var(--texto2);

    line-height:1.8;

}

.curriculum-head span{

    background:linear-gradient(
        90deg,
        #ff0099,
        #8a4dff);

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

/*=========================================================*/

.accordion{

    max-width:820px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:.75rem;

}

/*=========================================================*/

.module{

    background:#fff;

    border:1px solid rgba(76,51,112,.10);

    border-radius:24px;

    overflow:hidden;

    box-shadow:

        0 12px 35px rgba(25,15,55,.05);

    transition:.25s;

}

.module:hover{

    background:var(--moradoSoft);

    border-color:rgba(76,51,112,.18);

    box-shadow:
        0 18px 40px rgba(76,51,112,.10);

}

.module:hover summary{

    background:var(--moradoSoft);

}

.module[open]{

    border-color:rgba(76,51,112,.22);

    box-shadow:
        0 20px 45px rgba(76,51,112,.12);

}

summary{

    list-style:none;

    cursor:pointer;

    padding:.95rem 1.35rem;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

summary::-webkit-details-marker{

    display:none;

}

.module[open] summary{

    background:var(--moradoSoft);

}

/*=========================================================*/

.module-left{

    display:flex;

    align-items:center;

    gap:1rem;

}

.module-number{

    width:44px;

    height:44px;

    font-size:.95rem;

    border-radius:50%;

    border:2px solid rgba(76,51,112,.15);

    background:linear-gradient(
        135deg,
        var(--morado),
        var(--morado2));

    color:#fff;

    box-shadow:
        0 8px 18px rgba(76,51,112,.28);

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:800;

    transition:.3s;

}



.module-left h3{

    margin:0;

    font-size:1.08rem;

    line-height:1.3;


    color:var(--texto);

    margin-bottom:.3rem;

}


/*=========================================================*/

summary i{

    color:var(--texto2);

    transition:.35s;

}

.module[open] summary i{

    transform:rotate(180deg);

    color:var(--morado);

}

/*=========================================================*/

.module-content{

    padding:0 1.35rem 1rem 4rem;

}

.module-content ul{

    margin:0;

    padding:.8rem 0 0;

    border-top:1px solid rgba(255,20,147,.08);

    list-style:none;

}

.module-content li{

    display:flex;

    align-items:center;

    gap:.75rem;

    padding:.45rem 0;

    font-size:.97rem;

    color:var(--texto2);

}

.module-content li::before{

    content:"▶";

    color:var(--morado);

    font-size:.7rem;

}

.practice{

    color:var(--texto);

    font-weight:700;

}

.practice::before{

    content:"📝";

    font-size:1rem;

}

/*=========================================================*/

.module:hover{

    transform:translateY(-3px);

    background:var(--white);

    border-color:var(--morado);

    box-shadow:
        0 20px 45px rgba(76,51,112,.12);

}

/*=========================================================*/
/* CTA */
/*=========================================================*/

.curriculum-cta{

    margin-top:1.5rem;

    display:flex;

    justify-content:center;
}

.curriculum-cta .btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:1rem 2.4rem;

    border-radius:999px;

    background:var(--fucsia);

    color:var(--white);

    font-weight:700;

    font-size: 1.2rem;

    text-decoration:none;

    box-shadow:
        0 18px 35px rgba(255,20,147,.28);

    transition:.25s;
}

.curriculum-cta .btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
        0 24px 45px rgba(255,20,147,.38);
}

/*=========================================================*/
/* TABLET */
/*=========================================================*/

@media (max-width:1100px){

    .curriculum{

        padding:2rem 0 3rem;
    }

    .curriculum .container{

        padding-inline:1.5rem;
    }

    .curriculum-head{

        margin-bottom:2.5rem;
    }

    .curriculum-head h2{

        font-size:2.4rem;
    }

    .accordion{

        max-width:100%;
    }

    summary{

        padding:.9rem 1.2rem;
    }

    .module-left{

        gap:.9rem;
    }

    .module-number{

        width:42px;
        height:42px;

        font-size:.9rem;
    }

    .module-left h3{

        font-size:1.03rem;
    }

    .module-content{

        padding:0 1.2rem 1rem 3.7rem;
    }

    .curriculum-cta .btn-primary{

        font-size:1.2rem;

        padding:.8rem 1.35rem;
    }

}

/*=========================================================*/
/* TABLET PEQUEÑA */
/*=========================================================*/

@media (max-width:900px){

    .curriculum{

        padding:2rem 0;
    }

    .curriculum .container{

        padding-inline:1.25rem;
    }

    .curriculum-head{

        margin-bottom:2rem;
    }

    .curriculum-head h2{

        font-size:2rem;

        line-height:1.15;
    }

    summary{

        padding:.9rem 1rem;
    }

    .module-left{

        gap:.8rem;
    }

    .module-number{

        width:40px;
        height:40px;

        font-size:.88rem;
    }

    .module-left h3{

        font-size:1rem;
    }

    .module-content{

        padding:0 1rem .9rem 3.4rem;
    }

    .module-content li{

        font-size:.95rem;
    }

    .curriculum-cta .btn-primary{

        width:100%;

        max-width:300px;

        justify-content:center;

        font-size:1.1rem;

        padding:.85rem 1.2rem;
    }
}

/*=========================================================*/
/* MÓVIL */
/*=========================================================*/

@media (max-width:768px){

    .curriculum{

        padding:2rem 0;
    }

    .curriculum .container{

        padding-inline:1rem;
    }

    .curriculum-head{

        margin-bottom:1.8rem;
    }

    .curriculum-head h2{

        font-size:1.75rem;

        line-height:1.2;
    }

    .accordion{

        gap:.7rem;
    }

    .module{

        border-radius:20px;
    }

    summary{

        padding:.85rem .9rem;
    }

    .module-left{

        gap:.75rem;
    }

    .module-number{

        width:36px;
        height:36px;

        font-size:.82rem;

        flex-shrink:0;
    }

    .module-left h3{

        font-size:.96rem;

        line-height:1.35;
    }

    summary i{

        font-size:.9rem;

        margin-left:.75rem;

        flex-shrink:0;
    }

    .module-content{

        padding:0 .9rem .9rem 3rem;
    }

    .module-content ul{

        padding-top:.7rem;
    }

    .module-content li{

        padding:.4rem 0;

        font-size:.92rem;

        line-height:1.5;
    }

    .curriculum-cta{

        margin-top:2rem;
    }

    .curriculum-cta .btn-primary{

        width:100%;

        max-width:340px;

        padding:1rem 1.5rem;
        
    }

}

/*=========================================================*/
/* MÓVILES PEQUEÑOS */
/*=========================================================*/

@media (max-width:480px){

    .curriculum{

        padding:1.8rem 0;
    }

    .curriculum .container{

        padding-inline:.9rem;
    }

    .curriculum-head{

        margin-bottom:1.6rem;
    }

    .curriculum-head h2{

        font-size:1.55rem;
    }

    .module{

        border-radius:18px;
    }

    summary{

        padding:.8rem .85rem;
    }

    .module-left{

        gap:.65rem;
    }

    .module-number{

        width:34px;
        height:34px;

        font-size:.78rem;
    }

    .module-left h3{

        font-size:.9rem;
    }

    .module-content{

        padding:0 .85rem .85rem 2.7rem;
    }

    .module-content li{

        font-size:.88rem;
    }

}

/*=========================================================*/
/* OFERTA */
/*=========================================================*/

.offer{

    padding:5rem 0;

    background:var(--surface);

    position:relative;

    overflow:hidden;
}

.offer::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    left:-180px;
    top:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,20,147,.10),
    transparent 70%);

    filter:blur(40px);
}

.offer::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-180px;
    bottom:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(122,76,255,.10),
    transparent 70%);

    filter:blur(45px);
}

.offer-grid{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:4rem;

    align-items:center;

    position:relative;

    z-index:2;
}

/*=========================================================*/


.offer-content h2{

    font-size:clamp(2.3rem,4vw,4rem);

    line-height:1.05;

    margin-bottom:1.3rem;

    color:var(--texto);

    font-weight: 800;
}

.offer-content h2 span{

        background:
                linear-gradient(90deg,
                    var(--fucsia),
                    var(--morado));

            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}

.offer-content p{

    max-width:620px;

    color:var(--texto2);

    line-height:1.8;



    margin-bottom:2rem;
}

/*=========================================================*/

.offer-list{

    display:flex;

    flex-direction:column;

    gap:1rem;

    list-style:none;

    margin:0;

    padding:0;
}

.offer-list li{

    display:flex;

    align-items:center;

    gap:.9rem;

    color:var(--texto);

    font-weight:600;

    font-weight: 1rem;
}

.offer-list i{

    color:var(--fucsia);

    font-size:1.15rem;
}

/*=========================================================*/

.offer-card{

    background:#fff;

    border-radius:30px;

    position:relative;

    padding:2rem 2rem 1.8rem;

    text-align:center;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.75);

    box-shadow:
        0 25px 60px rgba(25,15,55,.08),
        0 8px 25px rgba(25,15,55,.04);

}

.offer-card::after{

    content:"";

    position:absolute;

    inset:1px;

    border-radius:30px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.85),
        transparent 28%
    );

    pointer-events:none;
}

.offer-card::before{

    content:"";

    position:absolute;

    width:340px;

    height:340px;

    top:20px;

    border-radius:50%;

    left:50%;

    transform:translateX(-50%);

    background:
        radial-gradient(circle,
        rgba(255,20,147,.14),
        rgba(122,76,255,.08),
        transparent 72%);

    opacity:.8;

    filter:blur(45px);

    z-index:0;
}


.offer-card>*{

    position:relative;

    z-index:3;
}

.offer-label{

    display:inline-block;

    margin-bottom:1rem;

    padding:.4rem .9rem;

    border-radius:999px;

    background:var(--fucsia);

    color:#fff;

    font-size:.8rem;

    font-weight:700;
}

.offer-card img{

    width:310px;

    display:block;

    margin:0 auto;

    margin-top:-25px;

    margin-bottom:-10px;
}

.old-price{

    color:var(--texto2);

    margin-bottom:.3rem;

    margin-top:.8rem;
    
}

.old-price span{

    text-decoration:line-through;
}

.price{

    font-size:4rem;

    font-weight:800;

    color:var(--fucsia);

    line-height:1;

    margin-top:.7rem;

    margin-bottom:.7rem;
}

.price small{

    font-size:1.5rem;
}

.price-text{

    color:var(--texto2);

    margin:1rem 0 2rem;
}

.offer-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    padding:1.15rem;

    border-radius:999px;

    background:var(--fucsia);

    color:#fff;

    text-decoration:none;

    font-weight:800;

    font-size: 1.2rem;

    transition:.25s;

    margin-top:1.4rem;
}

.offer-btn:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px rgba(255,20,147,.28);
}

.offer-info{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:.7rem;

    margin-top:1.3rem;
}

.offer-info span{

    padding:.38rem .75rem;

    border-radius:999px;

    background:#f8f6fc;

    font-size:.78rem;

    gap:.3rem;

    color:var(--texto2);
}

.offer-list li{

    background:#fff;

    padding:.8rem 1rem;

    border-radius:18px;

    border:1px solid rgba(76,51,112,.08);

    transition:.25s;
}

.offer-list li:hover{

    transform:translateX(8px);

    background:#fff;

    border-color:rgba(255,20,147,.22);

    box-shadow:
        0 15px 30px rgba(25,15,55,.06);
}

.offer-info i{

    color:var(--morado);

    margin-right:.45rem;
}

.offer-divider{

    width:70px;

    height:1px;

    margin:1rem auto;

    background:rgba(76,51,112,.15);
}

/*=========================================================*\
TABLET GRANDE
\*=========================================================*/

@media (max-width:1100px){

    .offer{

        padding:4rem 0;
    }

    .offer .container{

        padding-inline:1.5rem;
    }

    .offer-grid{

        grid-template-columns:1fr 380px;

        gap:2.5rem;
    }

    .offer-content h2{

        font-size:3.2rem;
    }

    .offer-content p{

        font-size:1rem;
    }

    .offer-card{

        padding:1.8rem;
    }

    .offer-card img{

        width:270px;
    }

    .price{

        font-size:3.4rem;
    }

    .offer-btn{

        font-size:1.05rem;
    }

}

/*=========================================================*\
TABLET
\*=========================================================*/

@media (max-width:900px){

    .offer{

        padding:4rem 0;
    }

    .offer .container{

        padding-inline:1.25rem;
    }

    .offer-grid{

        grid-template-columns:1fr;

        gap:3rem;

        max-width:720px;

        margin:auto;
    }

    .offer-content{

        text-align:center;

        order:1;
    }

    .offer-content p{

        margin-inline:auto;
    }

    .offer-list{

        max-width:560px;

        margin:auto;
    }

    .offer-card{

        order:2;

        max-width:500px;

        width:100%;

        margin:auto;
    }

    .offer-card img{

        width:300px;
    }

}

/*=========================================================*\
MÓVIL
\*=========================================================*/

@media (max-width:768px){

    .offer{

        padding:3.5rem 0;
    }

    .offer .container{

        padding-inline:1rem;
    }

    .offer-grid{

        gap:2.2rem;
    }

    .offer-content h2{

        font-size:3.5rem;

        line-height:1.05;
    }

    .offer-content p{

        font-size:1rem;

        line-height:1.7;

        margin-bottom:1.6rem;
    }

    .offer-list{

        gap:.8rem;
    }

    .offer-list li{

        padding:.8rem 1rem;

        font-size:.95rem;
    }

    .offer-card{

        border-radius:26px;

        padding:1.5rem;
    }

    .offer-card::before{

        width:280px;

        height:280px;
    }

    .offer-card img{

        width:350px;

        margin-top:-10px;
    }

    .old-price{

        margin-top:.4rem;
    }

    .price{

        font-size:5rem;
    }

    .price small{

        font-size:1.2rem;
    }

    .offer-btn{

        padding:1rem;

        font-size:1.05rem;
    }

    .offer-info{

        gap:.55rem;
    }

    .offer-info span{

        font-size:.75rem;

        padding:.38rem .7rem;
    }

}

/*=========================================================*\
MÓVILES PEQUEÑOS
\*=========================================================*/

@media (max-width:480px){

    .offer{

        padding:3rem 0;
    }

    .offer .container{

        padding-inline:1rem;
    }

    .offer-content h2{

        font-size:2.2rem;
    }

    .offer-content p{

        font-size:.95rem;
    }

    .offer-list li{

        padding:.75rem .9rem;

        font-size:.9rem;

        border-radius:16px;
    }

    .offer-list i{

        font-size:1rem;
    }

    .offer-card{

        padding:1.25rem;

        border-radius:22px;
    }

    .offer-card::before{

        width:240px;

        height:240px;
    }

    .offer-card img{

        width:240px;
    }

    .price{

        font-size:3.5rem;
    }

    .price small{

        font-size:1rem;
    }

    .offer-btn{

        font-size:1rem;

        padding:.95rem;
    }

    .offer-info{

        flex-direction:column;

        align-items:center;

        gap:.5rem;
    }

    .offer-info span{

        width:100%;

        justify-content:center;
    }

}

/* =========================================================
Sobre mi
========================================================= */

        #sobre{
            padding:30px 0 60px;
            background:var(--surface-soft);

            position:relative;

            overflow:hidden;
        }

        #sobre::before{

            content:"";

            position:absolute;

            width:650px;
            height:650px;

            top:-260px;
            left:-220px;

            border-radius:50%;

            background:
            radial-gradient(circle,
            rgba(255,0,153,.05),
            transparent 70%);

            pointer-events:none;
        }

        #sobre::after{

            content:"";

            position:absolute;

            width:500px;
            height:500px;

            right:-180px;
            bottom:-220px;

            border-radius:50%;

            background:
            radial-gradient(circle,
            rgba(76,51,112,.05),
            transparent 70%);

            pointer-events:none;
        }
        /* GRID */

        .about-grid{
            display:grid;

            grid-template-columns:420px 520px;

            justify-content:center;

            gap:7rem;

            align-items:center;
        }

        /* FOTO SIDE */

        .about-photo-side{
            display:flex;

            align-items:flex-end;
        }

        /* FOTO */

        .about-photo-wrap{
            position:relative;

            width:100%;
        }

        .about-photo-wrap::before{

            content:"";

            position:absolute;

            width:340px;
            height:340px;

            border-radius:50%;

            background:
            rgba(255,20,147,.06);

            filter:blur(90px);

            top:45%;
            left:50%;

            transform:translate(-50%,-50%);

            z-index:0;
        }

        .about-photo-img{
            width:100%;

            max-width:410px;

            display:block;

            margin:0 auto;

            position:relative;

            z-index:2;

            transition:.3s ease;

            margin-top:-80px;
        }

        .about-photo-img:hover{
            transform:
            translateY(-6px);
        }

        /* TAG FOTO */

        .about-tag{
            position:absolute;

            bottom:-24px;
            left:50%;

            transform:translateX(-50%);

            background:
            rgba(255,255,255,.92);

            border:
            1px solid rgba(255,20,147,.08);

            padding:.9rem 1.4rem;

            border-radius:100px;

            box-shadow:
            0 10px 30px rgba(0,0,0,.08);

            font-size:.95rem;

            font-weight:800;

            z-index:5;

            white-space:nowrap;
        }

        .about-tag span{
            color:var(--fucsia);
        }

        /* CONTENT */

        .about-content{
            display:flex;

            flex-direction:column;
            max-width:560px;
        }


        .about-title{
            font-family:'Syne',sans-serif;

            font-size:clamp(2.4rem,3vw,3.1rem);

            font-weight:700;

            letter-spacing:-1.5px;

            line-height:1.1;

            margin-bottom:2rem;

            margin-left:.2rem;

            color:var(--texto);
        }

        .about-title span{
            color:var(--fucsia);
        }

        .about-content p{

            font-size:1.3rem;

            margin-bottom:1.2rem;

            line-height:1.9;

            color:var(--texto2);

            max-width:540px;
        }

        .about-content strong{

            color:var(--texto);

            font-weight:700;
        }

        .about-content .highlight{

            color:var(--fucsia);

            font-weight:700;
        }

        /*boton*/

        .about-actions{

            margin-top:2rem;

            display:flex;

            justify-content:center;

            font-size:1.2rem;

            font-weight:800;
        }



        /* MOBILE */

        @media (max-width:1100px){

            .about-grid{

                grid-template-columns:360px 1fr;

                gap:3rem;
            }

            .about-photo-img{

                max-width:340px;
            }

        }


        @media(max-width:980px){

            #sobre .container
                        {
                            padding-inline:20px;
                        }

            .about-grid{
                grid-template-columns:
                320px 1fr;

                gap:2rem;

                align-items:center;
            }

            .about-photo-img{
                max-width:330px;
            }

            .about-content h2{
                font-size:3rem;

                line-height:.95;
            }

            .about-card{
                padding:1.2rem 1.4rem;
            }

            .about-content p{

            font-size:1.2rem;

            }

        }
        @media(max-width:768px){

            #sobre .container
                        {
                            padding-inline:20px;
                        }

            .about-grid{
                grid-template-columns:1fr;

                text-align:center;
            }

            .about-tag{
                display:none;
            }

            .about-content{

                align-items:center;

                margin:auto;

                text-align:center;
            }

            .about-content p{

                max-width:100%;
            }

            .about-title{

                margin-left:0;
            }

            .about-content p{

            font-size:1rem;

            }

            .about-actions{

                justify-content:center;
            }

        }

        /*=========================================================*\
PREGUNTAS FRECUENTES
\*=========================================================*/

.faq{

    padding:3rem 0;

    background:var(--surface);

    position:relative;

    overflow:hidden;
}

.faq::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    left:-220px;
    top:-220px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(122,76,255,.08),
    transparent 72%);

    filter:blur(45px);
}

.faq::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    right:-180px;
    bottom:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,20,147,.08),
    transparent 72%);

    filter:blur(45px);
}

/*=========================================================*/

.faq-head{

    position:relative;

    z-index:2;

    max-width:700px;

    margin:0 auto 3rem;

    text-align:center;
}

.faq-head h2{

    font-size:clamp(2rem,3vw,2.8rem);

    color:var(--texto);

    line-height:1.15;
}

.faq-head span{

    background:
    linear-gradient(
    90deg,
    var(--fucsia),
    var(--morado));

    -webkit-background-clip:text;

    color:transparent;
}

/*=========================================================*/

.faq-list{

    position:relative;

    z-index:2;

    max-width:820px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:1rem;
}

/*=========================================================*/

.faq-item{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid rgba(76,51,112,.08);

    box-shadow:
    0 15px 35px rgba(25,15,55,.05);

    transition:.3s;
}

.faq-item:hover{

    transform:translateY(-3px);

    box-shadow:
    0 20px 45px rgba(76,51,112,.10);
}

.faq-item summary{

    cursor:pointer;

    list-style:none;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:.95rem 1.35rem;
}

.faq-item summary::-webkit-details-marker{

    display:none;
}

.faq-item summary span{

    font-size:1.08rem;

    font-weight:700;

    color:var(--texto);
}

/*=========================================================*/

.faq-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:var(--moradoSoft);

    color:var(--morado);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;
}

.faq-icon{

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:var(--moradoSoft);

    color:var(--morado);

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;
}

.faq-icon::before{

    content:"+";

    font-size:1.35rem;

    font-weight:500;

    line-height:1;

    transition:.3s;
}

.faq-item[open] .faq-icon{

    background:var(--fucsia);

    color:#fff;
}

.faq-item[open] .faq-icon::before{

    transform:rotate(45deg);
}

.faq-icon i{

    transition:.3s;
}

.faq-item[open] .faq-icon{

    background:var(--fucsia);

    color:#fff;
}

.faq-item[open] .faq-icon i{

    transform:rotate(45deg);
}

/*=========================================================*/

.faq-content{

    padding:0 1.5rem 1.5rem;
}

.faq-content p{

    margin:0;

    padding-top:1rem;

    border-top:1px solid rgba(76,51,112,.08);

    color:var(--texto2);

    line-height:1.8;

    font-size:1rem;
}

/*=========================================================*\
RESPONSIVE
\*=========================================================*/

@media(max-width:900px){

    .faq{

        padding:3rem 0;
    }

    .faq .container{

        padding-inline:1.3rem;
    }

    .faq-head{

        margin-bottom:2.5rem;
    }

    .faq-head h2{

        font-size:2.2rem;
    }

    .faq-item summary{

        padding:1.2rem;
    }

    .faq-content{

        padding:0 1.2rem 1.2rem;
    }


}

@media(max-width:768px){

    .faq{

        padding:2rem 0;
    }

    .faq-head h2{

        font-size:2rem;
    }

    .faq-item{

        border-radius:18px;
    }

    .faq-item summary{

        gap:.7rem;

        align-items:center;

        padding:.85rem 1rem;
    }



    .faq-item summary span{

        font-size:1rem;

        line-height:1.5;
    }

    .faq-icon{

        width:38px;

        height:38px;
    }

    .faq-icon::before{

        font-size:1rem;
    }

    .faq-content p{

        font-size:.96rem;
    }
}

@media(max-width:480px){

    .faq .container{

        padding-inline:1rem;
    }

    .faq-head h2{

        font-size:1.7rem;
    }

    .faq-item summary{

        padding:1rem;
    }

    .faq-content{

        padding:0 1rem 1rem;
    }

    .faq-content p{

        font-size:.92rem;

        line-height:1.7;
    }
}