@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 {
            padding:
                6rem 2rem 2rem;

            position: relative;
            background: rgb(255, 233, 246);
        }

        .hero::before {
            content: "";

            position: absolute;
            top: -180px;
            right: -180px;

            width: 500px;
            height: 500px;

            border-radius: 50%;

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

        .hero-inner {
            max-width: 1180px;
            margin: auto;

            display: grid;
            grid-template-columns: 1fr 470px;

            gap: 4rem;
            align-items: center;
        }

        .hero-badge {
            display: inline-flex;

            background: white;

            padding: .55rem 1rem;

            border-radius: 100px;

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

            color: var(--fucsia);

            font-size: .85rem;
            font-weight: 800;

            margin-bottom: .2rem;
        }

        .hero h1 {
            font-family: 'Syne', sans-serif;

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

            line-height: 1;
            letter-spacing: -1px;

            margin-bottom: 1rem;
        }

        .hero h1 span {
            background:
                linear-gradient(90deg,
                    var(--fucsia),
                    var(--morado));

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

        .hero-sub {
            font-size: 1.5rem;
            font-weight: 700;

            color: #5b4677;

            margin-bottom: 2rem;
        }

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

        .btn-main,
        .btn-second {
            text-decoration: none;

            padding: 1rem 1.8rem;

            border-radius: 50px;

            font-weight: 800;

            transition: .25s ease;
        }

        .btn-main {
            background:
                linear-gradient(135deg,
                    var(--fucsia),
                    var(--morado));

            color: white;

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

        .btn-second {
            background: white;

            border:
                1px solid #dfc7f3;

            color: #6b42a5;
        }

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

        /* FOTO HERO*/

        .hero-photo-wrap {
            position: relative;

            display: flex;
            justify-content: center;
        }


        .photo-bg {
            position: absolute;

            width: 420px;
            height: 420px;

            border-radius: 36px;

            background:
                linear-gradient(145deg,
                    #f6d9ef,
                    #eadbff);

            top: 28px;

            z-index: 0;
        }

        .hero-photo {
            position: relative;

            z-index: 2;

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

            border-radius: 28px;

            box-shadow: none;

            transition: .3s ease;
        }

        .hero-photo:hover {
            transform:
                translateY(-4px) scale(1.01);
        }

        .hero-tag {
            position: absolute;

            bottom: -18px;
            left: 50%;

            transform: translateX(-50%);

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

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

            padding: .8rem 1.2rem;

            border-radius: 100px;

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

            font-size: .9rem;
            font-weight: 800;

            z-index: 5;
        }

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

        @media(max-width:980px){

            /* HERO */

            .hero{
                padding:
                4rem 1.5rem 4rem;
            }

            .hero-inner{
                grid-template-columns:
                1fr .9fr;

                gap:2rem;

                align-items:center;
            }

            .hero h1{
                font-size:
                clamp(3.4rem,6vw,4.8rem);

                line-height:.9;
            }

            .hero-sub{
                font-size:1.05rem;

                margin-bottom:1rem;
            }

            /* BUTTONS */

            .hero-buttons{
                display:flex;

                flex-direction:row;

                align-items:center;

                gap:1rem;
            }

            .hero-photo{
                max-width:320px;
            }

            .photo-bg{
                width:340px;
                height:340px;
            }

            .hero-tag{
                font-size:.82rem;

                padding:.7rem 1rem;
            }

        }

        @media(max-width:820px){

            .hero-inner{
                grid-template-columns:1fr;

                gap:1rem;

                text-align:center;
            }

            .hero h1{
                font-size:
                clamp(2.7rem,8vw,4rem);

                line-height:.92;
            }

            .hero-sub{
                font-size:1.1rem;

                margin-bottom:.9rem;
            }

            .hero-buttons{
                width:100%;

                display:flex;

                flex-direction:column;

                align-items:center;

                gap:.7rem;
            }

            .hero-photo{
                max-width:280px;
            }

            .photo-bg{
                width:320px;
                height:320px;
            }

        }

        /* SECTION */

        .section {
            padding: 4rem 2rem;
        }

        .container {
            max-width: 1100px;
            margin: auto;
        }

        .section-mini {
            color: var(--fucsia);

            text-transform: uppercase;
            letter-spacing: .16em;

            font-size: .84rem;
            font-weight: 800;

            margin-bottom: 1rem;

            text-align: center;
        }

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

            font-size:
                clamp(2.5rem, 5vw, 4.2rem);

            line-height: 1.05;

            letter-spacing: -2px;

            text-align: center;

            margin-bottom: 1rem;
        }

        .section-desc {
            max-width: 700px;
            margin: auto;

            text-align: center;

            color: var(--texto2);

            line-height: 1.9;
        }

        /* RESPONSIVE */

        @media(max-width:980px) {

            /* GENERAL */

            .section {
                padding: 4rem 1.5rem;
            }

            .section-title {
                font-size:
                    clamp(2.3rem, 10vw, 3.5rem);

                line-height: 1;
            }

            .section-desc {
                font-size: 1rem;

                line-height: 1.7;
            }
        }

        /* PAINS */

        .pains-section {
            background: linear-gradient(
                180deg,
                #fff,
                #fffafd);

            margin-top: 0;
            padding: 2rem 1rem 2rem;
        }

        .pains-section .container {
            max-width: 1200px;

            margin: auto;
        }

        .pains-top-title {
            text-align: center;

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

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

            line-height: 1.1;

            letter-spacing: .04em;

            margin-bottom: 2rem;

            color: var(--fucsia);
        }

        .pains-grid {
            display: grid;

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

            gap: 1rem;

            margin-top: 1.5rem;
        }

        .pain-card {
            width: 100%;

            border-radius: 26px;

            padding: 1.1rem 1.2rem;

            display: flex;

            flex-direction: column;

            align-items: flex-start;

            text-align: left;

            min-height: 135px;

            transition: .22s ease;
        }

        /* AMARILLO */

        .pain-card:nth-child(1),
        .pain-card:nth-child(3){

            background:var(--amarillo);
        }

        /* MORADO */

        .pain-card:nth-child(2){

            background:var(--moradoCard);
        }

        .pain-card:hover {

            transform: translateY(-4px);

            box-shadow:
            0 18px 40px rgba(0,0,0,.06);
        }

        .pain-icon {

            font-size: 2.3rem;

            margin-bottom: .9rem;

            line-height:1;
        }

        .pain-card h3 {

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

            font-size:1.12rem;

            line-height:1.42;

            letter-spacing:-.4px;

            font-weight:700;

            color:var(--texto);
        }


        .pain-final-text{
            margin-top:2rem;

            text-align:center;

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

            font-size: 2.7rem;
            font-weight:700;

            line-height:1.1;

            letter-spacing:-2px;

            color:var(--texto);
        }

        .pain-final-text span{
            background: var(--fucsia);

            -webkit-background-clip:text;

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


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

        /* TABLET */

        @media(max-width:980px){

            .pains-section{
                padding:1rem 2rem;
            }

            .pains-top-title{
                font-size:2rem;

                line-height:1.1;
            }

            /* SIGUEN 3 CARDS */

            .pains-grid{
                grid-template-columns:
                repeat(3,1fr);

                gap:1rem;

                align-items:stretch;

                margin-top:-1rem;
            }

            .pain-card{
                padding:1rem;

                border-radius:22px;

                min-height:auto;
            }

            .pain-icon{
                font-size:1.8rem;

                margin-bottom:.7rem;
            }

            .pain-card h3{
                font-size:1rem;

                line-height:1.35;
            }

            .pain-final-text{
                font-size:2rem;

                margin-top:1rem;
            }

        }

        /* MOBILE / TABLET SMALL */

        @media(max-width:820px){

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

                gap:1rem;
            }

        }

        /* ABOUT */

        #sobre{
            padding:30px 0 40px;

            position:relative;
            background: var(--bg);
        }

        /* GRID */

        .about-grid{
            display:grid;

            grid-template-columns:420px 520px;

            justify-content:center;

            gap:2rem;

            align-items:center;
        }

        /* FOTO SIDE */

        .about-photo-side{
            display:flex;

            align-items:flex-end;
        }

        /* FOTO */

        .about-photo-wrap{
            position:relative;

            width:100%;
        }

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

            max-width:390px;

            display:block;

            margin:0 auto;

            position:relative;

            z-index:2;

            transition:.3s ease;
        }

        .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;
        }

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

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

            line-height:.92;

            margin-bottom:.6rem;
            margin-left:.2rem;

            letter-spacing:-2px;

            background: var(--fucsia);

            -webkit-background-clip:text;

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

        /* CARD */

        .about-card{
            background: var(--amarillo);

            border-radius:30px;

            padding:0.8rem 1.5rem;
            

            margin-top:.4rem;

            box-shadow:
            0 15px 40px rgba(0,0,0,.05),
            0 0 0 1px rgba(255,255,255,.4) inset;
        }

        .about-card p{
            font-family:'Outfit',sans-serif;
            color:var(--texto);

            line-height:1.7;

            margin-bottom:1rem;

            font-size:1rem;

            font-weight:600;

            text-align:justify;

            text-wrap:pretty;
        }

        /* REDES */

        .about-socials{
            display:flex;

            justify-content:center;

            gap:.8rem;

            margin-top:1.4rem;
        }

        .about-socials a{
            width:52px;
            height:52px;

            display:flex;

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

            border-radius:16px;

            background:white;

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

            color:var(--fucsia);

            font-size:1.15rem;

            transition:.25s ease;

            text-decoration:none;
        }

        .about-socials a:hover{
            transform:
            translateY(-4px);

            color:var(--fucsia);

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

        /* MOBILE */


        @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;
            }

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

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

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

                text-align:center;
            }

            .about-tag{
                display:none;
            }

        }

        /* =========================================================
        PRODUCTS
        ========================================================= */

        #productos{
            padding:30px 0 40px;

            background:linear-gradient(
                180deg,
                #fff,
                #fffafd);

            overflow:hidden;
        }

        /* HEADER */

        .products-heading{
            text-align:center;

            max-width:1200px;

            margin:0 auto 2.2rem;
        }

        .products-heading h2{
            margin-top:0;

            text-align:center;

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

            font-size:2.7rem;

            font-weight:700;

            line-height:1;

            letter-spacing:-2px;

            color:var(--texto);

        }
        
        .products-heading h2 span{
            background: var(--fucsia);

            -webkit-background-clip:text;

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

        /* GRID */

        .products-grid{
            display:grid;

            grid-template-columns:
            repeat(auto-fit,minmax(320px,390px));

            justify-content:center;

            gap:1.5rem;

            max-width:1000px;

            margin:auto;
        }

        /* CARD */

        .featured-product{
            background:
            var(--amarillo);

            border-radius:32px;

            padding:1rem 1rem;

            position:relative;

            overflow:hidden;

            transition:.3s ease;

            box-shadow:
            0 12px 35px rgba(0,0,0,.04);

            text-align:center;

        }

        .featured-product:hover{
            transform:
            translateY(-6px);

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


        /* IMAGE */

        .featured-product-image{
            margin-bottom:1rem;
        }

        .featured-product-image img{
            width:135px;

            display:block;

            margin:auto;

            transition:.35s ease;
        }

        .featured-product:hover .featured-product-image img{
            transform:
            translateY(-4px)
            rotate(-2deg);
        }

        /* CONTENT */

        .featured-product-content{
            width:100%;
        }

        /* BADGE */

        .featured-badge{
            display:inline-flex;

            align-items:center;

            justify-content:center;

            padding:.65rem 1rem;

            border-radius:100px;

            background:
            white;

            color:var(--fucsia);

            font-size:.78rem;

            font-weight:800;

            letter-spacing:.5px;

            margin-bottom:.8rem;
        }

        /* TITLE */


        .featured-product-content h3{
            font-family:'Syne',sans-serif;

            font-size:1.8rem;

            line-height:.92;

            letter-spacing:-1px;

            color:var(--texto);

            margin-bottom:1rem;
        }

        /* LIST */

        .featured-list{
            display:flex;

            flex-direction:column;

            gap:.7rem;

            margin-bottom:1.5rem;

            align-items:flex-start;

            text-align:left;

            width:max-content;

            margin-inline:auto;
        }

        .featured-item{
            font-size:.95rem;

            font-weight:600;

            color:var(--texto);

            line-height:1.35;
        }

       /* BUTTON */

        .featured-product .btn-primary{
            margin:auto;

            display:inline-flex;

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

            padding:.9rem 1.5rem;

            border-radius:50px;

            font-size:1.1rem;

            font-weight:700;

            text-decoration:none;

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

            color:white;

           box-shadow:
                0 8px 16px rgba(0,0,0,.08);

            transition:.28s ease;
        }

        .featured-product .btn-primary:hover{
            transform:
                translateY(-2px)
                scale(1.01);

            box-shadow:
                0 8px 16px rgba(0,0,0,.08);
        }


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

        @media(max-width:1100px){

            .products-grid{
                grid-template-columns:
                repeat(auto-fit,minmax(300px,340px));

                justify-content:center;

                gap:1.2rem;

                padding:0 1rem;
            }

        }

        @media(max-width:768px){

            #productos{
                padding:25px 0 25px;
            }

            .products-heading{
                margin-bottom:2rem;
            }

            .products-heading h2{
                font-size:2.2rem;

                line-height:.95;

                letter-spacing:-1.5px;

                max-width:320px;

                margin-inline:auto;
            }

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

                max-width:420px;

                padding:0 1rem;
            }

            .featured-product{
                padding:1.5rem 1.2rem;

                border-radius:28px;
            }

            .featured-product-image img{
                width:115px;
            }

            .featured-product-content h3{
                font-size:1.7rem;

                line-height:.9;

                margin-bottom:1.2rem;
            }

            .featured-list{
                width:100%;

                gap:.9rem;
            }

            .featured-item{
                font-size:.93rem;

                line-height:1.35;
            }

            .featured-product .btn-primary{
                width:100%;

                max-width:220px;
            }

        }
        
        /* =========================================================
        TESTIMONIOS
        ========================================================= */

        #testimonios{
            padding:30px 0 40px;

            background:var(--bg);
            border-top:
                1px solid rgba(255,20,147,.05);
        }

        /* TITLE */

        .testimonials-title{
            text-align:center;

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

            font-size:2.7rem;

            max-width:900px;

            margin:0 auto 2.5rem;

            line-height:.95;

            letter-spacing:-2px;

            color:var(--texto);

            margin-bottom:3rem;
        }

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

        /* COLORS */

        .testimonial-card:nth-child(odd){
            background:white;
        }

        .testimonial-card:nth-child(even){
             background:var(--amarillo);
        }
        /* GRID */

        .testimonials-grid{
            display:grid;

            grid-template-columns:
            repeat(4,minmax(0,1fr));

            gap:1.2rem;
        }

        /* CARD */

        .testimonial-card{
            background:white;

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

            border-radius:26px;

            padding:1.4rem;

            transition:.25s ease;

            box-shadow:
            0 10px 25px rgba(0,0,0,.04);
        }

        .testimonial-card:hover{
            transform:
            translateY(-4px);

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

        /* STARS */

        .stars{
            color:var(--fucsia);

            font-size:.95rem;

            margin-bottom:1rem;
        }

        /* TEXT */

        .testimonial-card p{
            font-size:.98rem;

            line-height:1.6;

            color:var(--texto);

            margin-bottom:1.4rem;

            font-weight:500;
        }

        /* USER */

        .testimonial-user{
            display:flex;

            align-items:center;

            gap:.8rem;
        }

        .avatar{
            width:42px;
            height:42px;

            border-radius:50%;

            background: var(--morado);

            color:white;

            display:flex;

            align-items:center;

            justify-content:center;

            font-size:.8rem;

            font-weight:800;
        }

        .testimonial-user span{
            font-size:.95rem;

            font-weight:700;

            color:var(--texto);
        }

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

        @media(max-width:1100px){

            .testimonials-grid{
                grid-template-columns:
                repeat(2,1fr);
            }

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

        }

        @media(max-width:768px){

            #testimonios{
                padding:2.5rem 0;
            }

            .testimonials-title{
                font-size:2rem;

                line-height:.92;

                letter-spacing:-2px;

                margin-bottom:1.7rem;
            }

            .testimonials-grid{
                grid-template-columns:
                repeat(2,1fr);

                gap:1rem;
            }

            .testimonial-card{
                min-height:auto;

                padding:1rem;

                border-radius:28px;
            }

            .testimonial-card p{
                font-size:.88rem;

                line-height:1.55;

                margin:1rem 0 1rem;
            }

            .stars{
                font-size:.9rem;
            }

            .testimonial-user{
                gap:.5rem;
            }

            .avatar{
                width:38px;
                height:38px;

                font-size:.82rem;
            }

            .testimonial-user span{
                font-size:.8rem;
            }

        }
        

        /* =========================================================
        REDES
        ========================================================= */

        #redes{
            padding:30px 0 40px;

            background:linear-gradient(
                180deg,
                #fff,
                #fffafd);
            border-top: 1px solid rgba(255,20,147,.05);
        }

        /* HEADER */

        .social-heading{
            text-align:center;

            max-width:1000px;

            margin:0 auto 2rem;
        }

        .social-heading h2{

            text-align:center;

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

            font-size: 2.7rem;
            font-weight:700;

            line-height:1.1;

            letter-spacing:-2px;

            color:var(--texto);
        }

        .social-heading h2 span{
            background: var(--fucsia);

            -webkit-background-clip:text;

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

        .social-heading p{
            font-size:1.05rem;

            line-height:1.7;

            color:var(--texto2);
        }

        /* GRID */

        .social-grid{
            display:grid;

            grid-template-columns:
            repeat(4, minmax(180px, 220px));

            justify-content:center;

            gap:1.2rem;

            max-width:1000px;

            margin:auto;
        }

        /* CARD */

        .social-card{
            padding:1rem;

            text-align:center;

            text-decoration:none;

            transition:.3s ease;
        }

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

        /* ICON */

        .social-icon{
            width:64px;
            height:64px;

            margin:0 auto 1rem;

            border-radius:18px;

            display:flex;

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

            background: var(--fucsia);

            color:white;

            font-size:1.5rem;

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

        /* TEXT */

        .social-card h3{
            font-family:'Syne',sans-serif;

            font-size:1.3rem;

            margin-bottom:.35rem;

            color:var(--texto);
        }

        .social-card span{
            font-size:.92rem;

            color:var(--texto2);

            font-weight:600;
        }

        /* MOBILE */

        @media(max-width:768px){

            #redes{
                padding:20px 0 20px;
            }

            .social-heading{
                margin-bottom:2.2rem;
            }

            .social-heading h2{
                letter-spacing:-1px;
                font-size:2rem;
            }

            .social-grid{
                gap:1rem;
                grid-template-columns:
                    repeat(2,1fr);
            }

            .social-card{
                padding:1.7rem 1.2rem;
            }

        }

        /* =========================================================
        FOOTER
        ========================================================= */

        #footer{
            background:var(--bg);
        }

       

        @media(max-width:768px){

                #testimonios .container,
                #redes .container,
                #footer .container{
                    padding-inline:20px;
                }

            }