/* Responsive layout for ProLimp */

@media (max-width:1200px){
    .hero-content{gap:40px}.hero-left h1{font-size:3.2rem}
    .products-grid{grid-template-columns:repeat(2,1fr)}
    .categories-grid{grid-template-columns:repeat(3,1fr)}
    .testimonialSlider{max-width:94%;margin-inline:auto}
}

@media (max-width:992px){
    .menu-toggle{display:block}.menu{display:none}.btn-header{display:none}
    .hero{min-height:760px;padding:140px 0 80px}
    .heroSlider,.swiper-slide,.hero-content{height:760px;min-height:760px}
    .hero-content{grid-template-columns:1fr;text-align:center;gap:34px}
    .hero-left p{margin-inline:auto}.hero-buttons{justify-content:center}
    .hero-right{order:-1}.hero-right img{max-width:420px}
    .why-grid{grid-template-columns:repeat(2,1fr)}
    .promo-content{grid-template-columns:1fr;text-align:center}
    .categories-grid{grid-template-columns:repeat(2,1fr)}
}

/* Only the tablet range receives the special 768px logo correction. */
@media (min-width:600px) and (max-width:768px){
    .header-content{height:70px}
    .header-content .logo{width:180px;height:70px;display:flex;align-items:center}
    .header-content .logo img{
        width:180px;
        height:70px;
        object-fit:contain;
        transform:scale(1.35);
        transform-origin:left center;
    }
}

@media (max-width:768px){
    .hero{min-height:720px;height:auto;padding:95px 0 40px;margin-bottom:180px;overflow:visible}
    .heroSlider,.swiper-slide,.hero-content{height:720px;min-height:720px}
    .hero-content{gap:18px;padding:45px 0 145px}
    .slide-one .hero-left,.slide-one .hero-right{top:-20px}
    .hero-left h1{font-size:2.3rem}.hero-left p{font-size:1rem;line-height:1.6}
    .hero-buttons{flex-direction:column;align-items:center}
    .btn-primary,.btn-secondary{width:auto;min-width:160px;text-align:center}
    .hero-right img{max-width:300px}
    .slide-two .hero-right img{width:128%;max-width:430px}
    .slide-one .hero-right img{left:-28px;width:122%;max-width:410px}
    .slide-three .hero-right img{width:124%;max-width:410px}
    .swiper-button-next,.swiper-button-prev{display:flex;width:42px;height:42px}
    .swiper-button-next{right:10px}.swiper-button-prev{left:10px}
    .swiper-button-next::after,.swiper-button-prev::after{font-size:16px}
    .hero-stats{bottom:-160px;width:calc(100% - 32px);gap:8px}
    .stat-card{min-width:0;flex:1;padding:12px 8px;gap:6px;border-radius:14px}
    .stat-card i{font-size:20px}.stat-card h3{font-size:20px}.stat-card p{font-size:10px;line-height:1.15}
    .features .container,.products-grid,.categories-grid,.testimonial-grid{grid-template-columns:1fr}
    .promo-content{padding:40px 25px}.promo-left h2{font-size:2rem}.why-content h2{font-size:2rem}
    .testimonialSlider{max-width:100%;padding-left:18px;padding-right:18px}
    .testimonialSlider .swiper-slide{width:100% !important;}
    .testimonial-prev{left:-2px}.testimonial-next{right:-2px}
    .testimonials,.clients,.why-us,.categories,.products{padding:78px 0}
    .testimonials .section-title h2,.clients .section-title h2,.categories .section-title h2,.products .section-title h2{font-size:2rem;line-height:1.18}
    .testimonials .section-title p,.clients .section-title p,.categories .section-title p,.products .section-title p{font-size:.95rem;line-height:1.6}
    .testimonial-card{padding:25px 22px}.testimonial-card p{font-size:.92rem;line-height:1.65}
    .footer-contact{grid-template-columns:1fr;gap:18px;padding-bottom:20px}
    .footer-help,.footer-item{justify-content:center;text-align:left}.footer-social{margin-top:4px}
    .why-grid{grid-template-columns:1fr}
}

@media (max-width:599px){
    .header-content{height:64px}.header-content .logo img{width:145px;height:auto}
    .top-bar{height:auto;min-height:38px}
    .header .top-content{width:100%;height:auto;min-height:38px;padding:7px 0;flex-direction:column;gap:4px}
    .header .top-left,.header .top-right{width:100%;justify-content:center;gap:10px}
    .top-left span,.top-right span{font-size:11px;line-height:1.2;white-space:nowrap}
    .hero-left h1{font-size:2rem}.hero-tag{font-size:.8rem;padding:10px 18px}
    .btn-primary,.btn-secondary{padding:16px}.product-card{padding:20px}.section-title{margin-bottom:40px}
    .stat-card p{display:none}.stat-card h3{font-size:17px}
}
/* =========================================================
   RESPONSIVE FIX FINAL — SOLO RESPONSIVE
   Mantiene intacto el diseño desktop.
========================================================= */

@media (max-width: 992px){
    html{scroll-padding-top:108px}
    body{overflow-x:hidden}

    .header .container{width:min(94%,760px)}
    .top-bar{height:auto;min-height:36px}
    .top-content{height:auto;min-height:36px;padding:6px 0}
    .top-left,.top-right{gap:14px}
    .top-left span,.top-right span{font-size:11px}

    .header-content{height:70px}
    .header-content .logo{display:flex;align-items:center;min-width:0}
    .header-content .logo img{width:160px;height:auto;transform:none}
    .menu-toggle{display:block;flex:0 0 46px}

    .mobile-menu{
        top:0;
        right:-100%;
        width:min(84vw,340px);
        height:100dvh;
        padding:120px 34px 42px;
        justify-content:flex-start;
        gap:0;
        overflow-y:auto;
    }
    .mobile-menu a{
        width:100%;
        padding:16px 0;
        border-bottom:1px solid rgba(255,255,255,.1);
        font-size:20px;
    }

    .hero{
        min-height:0;
        height:auto;
        padding:106px 0 0;
        margin:0;
        overflow:hidden;
    }
    .heroSlider,.hero .swiper-slide{
        height:auto;
        min-height:760px;
    }
    .hero-content{
        min-height:760px;
        height:auto;
        width:min(90%,700px);
        grid-template-columns:1fr;
        gap:18px;
        padding:58px 0 180px;
        text-align:center;
        align-content:start;
    }
    .hero-left,.slide-one .hero-left,.slide-one .hero-right{
        top:auto;
        position:relative;
    }
    .hero-left{order:1}
    .hero-right{order:2;min-height:220px;display:flex;align-items:center;justify-content:center}
    .hero-left h1{font-size:clamp(2.25rem,7vw,3.3rem);line-height:1.05}
    .hero-left p{max-width:620px;margin:20px auto 0;font-size:.98rem;line-height:1.65}
    .hero-buttons{justify-content:center;margin-top:24px}
    .hero-tag{margin-inline:auto}

    .hero-right::before,.hero-right::after{max-width:72vw;max-height:72vw}
    .hero-right img,
    .slide-one .hero-right img,
    .slide-two .hero-right img,
    .slide-three .hero-right img{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        transform:none;
        width:auto;
        max-width:min(78vw,430px);
        max-height:280px;
        object-fit:contain;
        margin:0 auto;
    }

    .hero-stats{
        left:50%;
        bottom:26px;
        transform:translateX(-50%);
        width:min(92%,720px);
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
    }
    .stat-card{min-width:0;padding:12px 9px;justify-content:center}
    .stat-card h3{font-size:19px}
    .stat-card p{font-size:9px}

    .features{padding-top:34px}
    .features .container{grid-template-columns:1fr;gap:16px}
    .feature-card{min-height:0;padding:24px}

    .products,.categories,.why-us,.clients,.testimonials{padding:84px 0}
    .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
    .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .product-card,.category-card{min-width:0}

    .promo{padding:82px 0}
    .promo-content{grid-template-columns:1fr;padding:48px 38px;gap:30px;text-align:center}
    .promo-left h2{font-size:2.25rem}
    .promo-left p{max-width:620px;margin:0 auto 30px}
    .promo-right img{max-width:400px;margin:auto}

    .why-grid{grid-template-columns:1fr;gap:46px}
    .why-image img{max-width:420px;margin:auto}
    .why-content{text-align:left}
    .why-content h2{font-size:2.35rem}

    .footer-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}

@media (max-width: 768px){
    html{scroll-padding-top:102px}

    .top-content{flex-direction:row;justify-content:center;gap:12px;flex-wrap:wrap}
    .top-left{justify-content:center;flex-wrap:wrap}
    .top-right{display:none}
    .header-content{height:66px}
    .header-content .logo img{width:145px !important;height:auto !important;transform:none !important}

    .hero{padding-top:102px;margin-bottom:0;overflow:hidden}
    .heroSlider,.hero .swiper-slide{min-height:720px;height:auto}
    .hero-content{
        min-height:720px;
        padding:44px 0 175px;
        gap:12px;
        width:min(90%,620px);
    }
    .hero-left h1{font-size:clamp(2rem,9vw,2.75rem)}
    .hero-left p{font-size:.92rem;line-height:1.6;margin-top:16px}
    .hero-tag{font-size:.72rem;padding:8px 14px}
    .hero-buttons{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:20px}
    .btn-primary,.btn-secondary{width:auto;min-width:0;padding:14px 18px;font-size:.85rem}

    .hero-right{min-height:185px}
    .hero-right img,
    .slide-one .hero-right img,
    .slide-two .hero-right img,
    .slide-three .hero-right img{
        max-width:min(82vw,350px);
        max-height:220px;
    }

    .hero-stats{
        bottom:28px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:min(90%,520px);
        gap:8px;
    }
    .stat-card{padding:10px 8px;border-radius:13px}
    .stat-card i{font-size:18px}
    .stat-card h3{font-size:17px}
    .stat-card p{font-size:9px;display:block}

    .swiper-button-next,.swiper-button-prev{width:38px;height:38px}
    .swiper-button-next{right:8px}.swiper-button-prev{left:8px}
    .swiper-pagination{bottom:8px !important}

    .features{padding:46px 0 30px}
    .features .container{width:min(90%,560px)}
    .feature-card{padding:22px 20px}

    .products,.categories,.why-us,.clients,.testimonials{padding:68px 0}
    .section-title{width:min(92%,640px);margin-left:auto;margin-right:auto;margin-bottom:34px}
    .section-title h2,.products .section-title h2,.categories .section-title h2,.clients .section-title h2,.testimonials .section-title h2{font-size:1.9rem;line-height:1.15}
    .section-title p,.products .section-title p,.categories .section-title p,.clients .section-title p,.testimonials .section-title p{font-size:.9rem;line-height:1.6}

    .products-grid,.categories-grid{grid-template-columns:1fr;width:min(90%,520px);margin-inline:auto}
    .product-card{padding:22px}
    .product-image{height:210px}

    .promo{padding:64px 0}
    .promo-content{padding:36px 24px;border-radius:24px;gap:24px}
    .promo-left h2{font-size:1.9rem}
    .promo-left p{font-size:.92rem;line-height:1.65}
    .promo-right img{max-width:300px}

    .why-grid{gap:32px}
    .why-content h2{font-size:1.95rem}
    .why-content>p{font-size:.92rem;line-height:1.7}
    .why-item{padding:20px;gap:14px}
    .why-item i{font-size:28px}

    .testimonialSlider{max-width:100%;padding:0 8px}
    .testimonial-card{padding:24px 20px}
    .testimonial-prev,.testimonial-next{display:none}

    .footer-contact{grid-template-columns:1fr;gap:16px;text-align:center}
    .footer-help,.footer-item{justify-content:center;text-align:left}
    .footer-social{align-items:center;justify-content:center}

    .whatsapp-float{width:58px;height:58px;right:16px;bottom:16px;font-size:27px}
}

@media (max-width: 599px){
    .header .container{width:92%}
    .top-bar{min-height:34px}
    .header .top-content{min-height:34px;padding:5px 0;display:flex;flex-direction:row}
    .header .top-left{width:auto;gap:8px;flex-wrap:nowrap}
    .header .top-left span{font-size:9.5px;white-space:nowrap}
    .header .top-left span:nth-child(2){display:none}
    .header-content{height:62px}
    .header-content .logo img{width:132px !important}
    .menu-toggle{width:42px;height:42px;padding:9px 8px;border-radius:12px}

    .mobile-menu{width:min(88vw,320px);padding:108px 28px 34px}
    .mobile-menu a{font-size:18px;padding:14px 0}

    .hero{padding-top:96px}
    .heroSlider,.hero .swiper-slide{min-height:680px}
    .hero-content{min-height:680px;padding:36px 0 168px;width:88%;gap:10px}
    .hero-left h1{font-size:clamp(1.85rem,9.5vw,2.35rem);line-height:1.08}
    .hero-left p{font-size:.84rem;line-height:1.55;margin-top:14px}
    .hero-buttons{flex-direction:column;align-items:stretch;width:min(100%,300px);margin:18px auto 0}
    .btn-primary,.btn-secondary{width:100%;justify-content:center;padding:13px 16px}
    .hero-right{min-height:155px}
    .hero-right img,
    .slide-one .hero-right img,
    .slide-two .hero-right img,
    .slide-three .hero-right img{max-width:78vw;max-height:175px}

    .hero-stats{bottom:26px;width:88%;gap:6px}
    .stat-card{padding:8px 6px;gap:5px}
    .stat-card p{display:block;font-size:7.5px;line-height:1.2}
    .stat-card h3{font-size:15px}
    .stat-card i{font-size:16px}

    .features{padding-top:38px}
    .feature-card{flex-direction:row;align-items:flex-start}
    .feature-card i{flex:0 0 auto}

    .products,.categories,.why-us,.clients,.testimonials{padding:56px 0}
    .section-title h2,.products .section-title h2,.categories .section-title h2,.clients .section-title h2,.testimonials .section-title h2{font-size:1.7rem}
    .product-image{height:190px}

    .promo{padding:52px 0}
    .promo-content{padding:30px 18px;border-radius:20px}
    .promo-left span{font-size:.75rem;padding:8px 14px}
    .promo-left h2{font-size:1.65rem;line-height:1.22}
    .promo-btn{padding:14px 22px}
    .promo-right img{max-width:240px}

    .why-image img{max-width:320px}
    .why-content h2{font-size:1.7rem}
    .why-item{padding:17px 15px}
    .why-item p{font-size:.86rem;line-height:1.55}

    footer{padding-left:0;padding-right:0}
    .footer-contact{width:90%;margin-inline:auto}
}

@media (max-width: 390px){
    .header .top-left span{font-size:9px}
    .header-content .logo img{width:118px !important}
    .menu-toggle{width:40px;height:40px}

    .hero-content{width:86%;padding-top:30px}
    .hero-left h1{font-size:1.75rem}
    .hero-left p{font-size:.8rem}
    .hero-tag{font-size:.66rem}
    .hero-right img,
    .slide-one .hero-right img,
    .slide-two .hero-right img,
    .slide-three .hero-right img{max-width:76vw;max-height:160px}
    .hero-stats{width:86%}
    .stat-card p{font-size:7px}
    .stat-card h3{font-size:14px}

    .section-title h2,.products .section-title h2,.categories .section-title h2,.clients .section-title h2,.testimonials .section-title h2{font-size:1.55rem}
    .product-card,.category-card{border-radius:18px}
    .promo-left h2{font-size:1.5rem}
}