/* COMERCIAL UNO - CSS REORGANIZADO. Conservar copia del original. */

:root{--navy:#041629;--navy2:#082b52;--blue:#0868bd;--sky:#49b9f2;--gold:#d9ad45;--gold2:#f1d77b;--paper:#f7f9fc;--white:#ffffff;--ink:#0c2239;--muted:#67798c;--shadow:0 18px 50px rgba(4, 22, 41, .12)}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial, Helvetica, sans-serif;overflow-x:hidden}

h1, h2, h3{margin:0;line-height:1.05}

p{line-height:1.7}

a{text-decoration:none;color:inherit}

img{display:block;width:100%}

.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px, 5vw, 80px);color:#ffffff;transition:.3s}

.site-header.scrolled, .site-header.inner{background:rgba(4, 22, 41, .96);box-shadow:0 8px 30px rgba(0, 0, 0, .18);height:70px}

.brand{font-weight:800;font-size:1.25rem;letter-spacing:.04em}

.brand i{font-style:normal;color:var(--gold2)}

.nav{display:flex;gap:28px;align-items:center}

.nav a{font-weight:600;font-size:.94rem;opacity:.8}

.nav a:hover, .nav a.active{opacity:1;color:var(--gold2)}

.nav-cta{border:1px solid rgba(255, 255, 255, .5);padding:10px 17px;border-radius:99px}

.menu-btn{display:none;border:0;background:transparent;color:#ffffff;font-size:1.7rem;cursor:pointer}

.hero{height:min(900px, 100vh);min-height:680px;background:url("../img/hero-comercial-uno.png")

        center / cover

        no-repeat;display:flex;align-items:flex-end;position:relative;padding:0 clamp(20px, 8vw, 120px) 9vh;color:#ffffff}

.hero-shade{position:absolute;inset:0;background:linear-gradient(

            90deg,

            rgba(2, 13, 28, .92) 0%,

            rgba(2, 13, 28, .4) 45%,

            rgba(2, 13, 28, .05) 75%

        ),

        linear-gradient(

            0deg,

            rgba(2, 13, 28, .82),

            transparent 45%

        )}

.hero-content{position:relative;z-index:2;max-width:660px}

.eyebrow, .kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;font-weight:700}

.eyebrow{color:var(--gold2)}

.kicker{color:var(--blue)}

.gold{color:var(--gold2)}

.hero h1{font-size:clamp(3rem, 7vw, 6.5rem);margin:15px 0}

.hero h1 em{color:var(--gold2);font-style:normal}

.hero p{font-size:clamp(1rem, 1.7vw, 1.25rem);max-width:580px;color:#dce8f3}

.actions{display:flex;gap:14px;margin-top:28px}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:15px 25px;border-radius:8px;font-weight:800;cursor:pointer;transition:.25s;font-size:.95rem}

.btn:hover{transform:translateY(-3px)}

.btn-gold{color:#10233a;background:linear-gradient(

            135deg,

            var(--gold2),

            var(--gold)

        );box-shadow:0 9px 25px rgba(217, 173, 69, .3)}

.btn-glass{border:1px solid rgba(255, 255, 255, .45);color:#ffffff;background:rgba(255, 255, 255, .08);backdrop-filter:blur(10px)}

.scroll-cue{position:absolute;z-index:3;bottom:24px;left:50%;font-size:2rem;animation:float 2s infinite}

.trust-strip{display:grid;grid-template-columns:repeat(3, 1fr);max-width:1150px;margin:-25px auto 0;position:relative;z-index:5;background:#ffffff;border-radius:12px;box-shadow:var(--shadow);padding:26px}

.trust-strip > div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:0 25px;border-right:1px solid #e5e9ee;font-size:1.3rem}

.trust-strip > div:last-child{border-right:0}

.trust-strip b{font-size:.94rem}

.trust-strip small{grid-column:2;color:var(--muted);font-size:.8rem}

.section{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:36px}

.section-head h2, .contact-copy h2{font-size:clamp(2rem, 4vw, 3.4rem);margin-top:9px}

.text-link{font-weight:700;color:var(--blue)}

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

.product-card{background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 5px 25px rgba(4, 22, 41, .07);transition:.3s;position:relative}

.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}

.product-img{width:100%;height:250px;background:#eef3f8;overflow:hidden}

.product-img img{width:100%;height:100%;object-fit:cover}

.badge{position:absolute;z-index:3;top:16px;left:16px;background:var(--navy);color:#ffffff;border-radius:4px;padding:7px 11px;font-size:.7rem;font-weight:800;text-transform:uppercase}

.product-info{padding:22px}

.category{color:var(--blue);font-size:.73rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em}

.product-info h3{font-size:1.25rem;margin:8px 0}

.features{color:var(--muted);font-size:.88rem;min-height:48px}

.price{font-size:1.45rem;font-weight:800;margin:14px 0}

.product-info .btn{width:100%;background:var(--navy);color:#ffffff}

.offers-section{position:relative}

.offers-subtitle{color:var(--muted);font-size:.9rem}

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

.offer-card{background:#ffffff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 10px 35px rgba(4, 22, 41, .10);transition:.3s}

.offer-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(4, 22, 41, .17)}

.offer-image{position:relative;height:300px;background:#eef3f8;overflow:hidden}

.offer-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.offer-card:hover .offer-image img{transform:scale(1.05)}

.offer-badge{position:absolute;top:18px;left:18px;z-index:2;background:linear-gradient(

            135deg,

            var(--gold2),

            var(--gold)

        );color:var(--navy);padding:8px 13px;border-radius:6px;font-size:.72rem;font-weight:800;letter-spacing:.08em}

.offer-info{padding:25px}

.offer-category{color:var(--blue);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.12em}

.offer-info h3{font-size:1.5rem;margin:10px 0}

.offer-info p{color:var(--muted)}

.offer-whatsapp{width:100%;margin-top:10px;background:var(--navy);color:#ffffff}

.deliveries-film-section{width:100%;padding:90px 0;overflow:hidden;background:var(--navy);color:#ffffff}

.deliveries-film-header{max-width:1200px;margin:0 auto 45px;padding:0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}

.deliveries-film-header h2{font-size:clamp(2.2rem, 5vw, 4rem);margin-top:10px}

.deliveries-film-header p{color:#aebfd0;margin-bottom:0}

.deliveries-film-header .kicker{color:var(--gold2)}

.deliveries-film-header .text-link{color:var(--gold2);white-space:nowrap}

.delivery-film{width:100%;overflow:hidden;position:relative}

.delivery-film::before, .delivery-film::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:5;pointer-events:none}

.delivery-film::before{left:0;background:linear-gradient(

            90deg,

            var(--navy),

            transparent

        )}

.delivery-film::after{right:0;background:linear-gradient(

            -90deg,

            var(--navy),

            transparent

        )}

.delivery-film-track{display:flex;align-items:stretch;width:max-content;gap:22px;padding:15px 11px;animation:deliveryFilm 35s linear infinite}

.delivery-film:hover .delivery-film-track{animation-play-state:paused}

.film-photo{width:340px;height:430px;flex:0 0 auto;position:relative;overflow:hidden;border-radius:16px;background:#0a2845;box-shadow:0 15px 40px rgba(0, 0, 0, .25)}

.film-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.film-photo:hover img{transform:scale(1.06)}

.film-photo span{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 15px;background:rgba(4, 22, 41, .82);backdrop-filter:blur(8px);border-radius:8px;color:#ffffff;font-weight:700}

.film-testimonial{max-width:850px;margin:55px auto 0;padding:0 25px;text-align:center}

.stars{color:var(--gold2);letter-spacing:.15em}

.film-testimonial blockquote{font-size:clamp(1.3rem, 3vw, 2rem);font-weight:600;line-height:1.5;margin:20px 0}

.film-testimonial p{color:#9eb2c6}

.cta-section{text-align:center;color:#ffffff;background:linear-gradient(

            rgba(4, 22, 41, .9),

            rgba(4, 22, 41, .9)

        ),

        url(

            "https://images.unsplash.com/photo-1556912167-f556f1f39fdf?auto=format&fit=crop&w=1800&q=80"

        )

        center / cover;padding:100px 20px}

.cta-section span{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em}

.cta-section h2{font-size:clamp(2rem, 5vw, 4rem);margin:20px auto 35px}

.page-hero{padding:160px 24px 80px;text-align:center;color:#ffffff;background:radial-gradient(

            circle at 80% 20%,

            #1268a9,

            transparent 35%

        ),

        var(--navy)}

.page-hero h1{font-size:clamp(3rem, 7vw, 5.5rem);margin:15px 0}

.page-hero p{color:#c8d7e5}

.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}

.search-box{background:#ffffff;padding:12px 18px;border-radius:8px;box-shadow:0 4px 15px rgba(4, 22, 41, .06)}

.search-box input{border:0;outline:0;background:transparent;margin-left:8px;font:inherit}

.filters{display:flex;gap:8px;flex-wrap:wrap}

.filters button{border:1px solid #dce4ec;background:#ffffff;padding:10px 16px;border-radius:99px;cursor:pointer}

.filters button.active{background:var(--navy);color:#ffffff}

.empty{text-align:center;display:none}

.stories{display:flex;flex-direction:column;width:100%;gap:45px}

.story, .story.reverse{display:flex;flex-direction:column;width:100%;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}

.story img, .story.reverse img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#eef3f8}

.story div{width:100%;padding:35px 45px}

.story time{color:var(--blue);text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.08em}

.story h2{font-size:2.2rem;margin:12px 0}

.story p{color:var(--muted);margin-bottom:0}

.testimonial{background:var(--navy);color:#ffffff;padding:42px;border-radius:14px}

.testimonial blockquote{font-size:1.45rem;font-weight:600;line-height:1.5;margin:25px 0}

.testimonial p{color:#9eb2c6}

.testimonial.wide{width:100%;text-align:center;padding:60px 40px}

.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}

.contact-copy > p{color:var(--muted);font-size:1.05rem}

.contact-items{margin-top:35px;display:grid;gap:18px}

.contact-items div{border-left:3px solid var(--gold);padding-left:16px;display:flex;flex-direction:column}

.contact-items span{color:var(--muted);font-size:.9rem}

.contact-form{background:#ffffff;padding:35px;border-radius:14px;box-shadow:var(--shadow);display:grid;gap:20px}

.contact-form label{display:grid;gap:8px;font-weight:700}

.contact-form input, .contact-form textarea, .contact-form select{width:100%;padding:14px;border:1px solid #dce4ec;border-radius:7px;font:inherit}

.contact-form small{color:var(--muted);text-align:center}

.wa-float {

    position: fixed;

    right: 20px;

    bottom: 75px;

    z-index: 60;



    width: 54px;

    height: 54px;



    display: grid;

    place-items: center;



    border-radius: 50%;

    background: #25d366;

    color: #ffffff;



    font-size: 1.7rem;

    cursor: pointer;



    box-shadow: 0 8px 24px rgba(37, 211, 102, .3);

}



@media (max-width: 600px) {

    .wa-float {

        right: 15px;

        bottom: 80px;

        width: 48px;

        height: 48px;

    }

}

@keyframes deliveryFilm{

from{transform:translateX(0)}

to{transform:translateX(-50%)}

}

@media (max-width: 850px){

.menu-btn{display:block}

.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column}

.nav.open{display:flex}

.hero{min-height:650px;background-position:62% center;padding-bottom:75px}

.hero-shade{background:linear-gradient(

                0deg,

                rgba(2, 13, 28, .95),

                rgba(2, 13, 28, .2) 80%

            )}

.trust-strip{margin:0;border-radius:0;grid-template-columns:1fr}

.trust-strip > div{border-right:0;border-bottom:1px solid #e5e9ee;padding:15px}

.trust-strip > div:last-child{border-bottom:0}

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

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

.contact-layout{grid-template-columns:1fr}

.catalog-tools{align-items:stretch;flex-direction:column}

}

@media (max-width: 560px){

.site-header{height:68px}

.hero{height:auto;min-height:720px;background-color:var(--navy);background-size:100% auto;background-position:center 68px;background-repeat:no-repeat;align-items:flex-end;padding:0 20px 55px}

.hero-shade{background:linear-gradient(

                0deg,

                var(--navy) 0%,

                rgba(4, 22, 41, .94) 43%,

                rgba(4, 22, 41, .08) 76%,

                rgba(4, 22, 41, 0) 100%

            )}

.hero h1{font-size:3.2rem}

.actions{flex-direction:column}

.section{padding:60px 18px}

.section-head{align-items:flex-start;gap:20px;flex-direction:column}

.product-grid{grid-template-columns:1fr}

.product-img{height:280px}

.offers-grid{grid-template-columns:1fr}

.offer-image{height:280px}

.offers-subtitle{display:none}

.deliveries-film-section{padding:70px 0}

.deliveries-film-header{align-items:flex-start;flex-direction:column;padding:0 18px}

.film-photo{width:270px;height:350px}

.delivery-film::before, .delivery-film::after{width:35px}

.stories{gap:28px}

.story img, .story.reverse img{width:100%;height:auto;max-height:none;object-fit:contain}

.story div{padding:25px 20px}

.story h2{font-size:1.6rem}

.testimonial.wide{padding:35px 22px}

.contact-form{padding:24px}

.page-hero{padding-top:130px}

.filters button{flex:1}

.scroll-cue{display:none}

}

.catalog-help{width:100%;padding:90px 24px;background:linear-gradient(

            135deg,

            var(--navy),

            var(--navy2)

        );color:#ffffff}

.catalog-help-content{max-width:850px;margin:0 auto;text-align:center}

.catalog-help h2{margin:15px 0;font-size:clamp(2rem, 5vw, 3.8rem)}

.catalog-help p{max-width:700px;margin:0 auto 30px;color:#c8d7e5;font-size:1.05rem}

@media (max-width: 560px){

.catalog-help{padding:65px 18px}

.catalog-help .btn{width:100%}

}

.catalog-section{padding-top:55px}

.catalog-section .section-head > p{max-width:430px;margin:0;color:var(--muted)}

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

.category-card{position:relative;overflow:hidden;background:#ffffff;border-radius:22px;box-shadow:0 12px 35px rgba(4, 22, 41, .10);transition:transform .35s ease,

        box-shadow .35s ease}

.category-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(4, 22, 41, .16)}

.category-image{position:relative;width:100%;height:380px;overflow:hidden;background:#eef3f8}

.category-image::after{content:"";position:absolute;inset:0;background:linear-gradient(

            0deg,

            rgba(4, 22, 41, .32),

            transparent 50%

        );pointer-events:none}

.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}

.category-card:hover .category-image img{transform:scale(1.05)}

.category-info{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}

.category-info h3{font-size:clamp(1.3rem, 2vw, 1.8rem);color:var(--navy)}

.category-info .btn{flex-shrink:0}

.category-products-section{padding-top:35px}

.category-products-section[hidden]{display:none!important}

.category-products-header{margin-bottom:40px}

.category-products-header .kicker{display:block;margin-top:28px}

.category-products-header h2{margin-top:10px;font-size:clamp(2.3rem, 5vw, 4rem);color:var(--navy)}

.category-products-header p{max-width:600px;margin-bottom:0;color:var(--muted)}

.back-categories{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:var(--blue);font-size:.95rem;font-weight:800;cursor:pointer;transition:color .2s ease,

        transform .2s ease}

.back-categories:hover{color:var(--navy);transform:translateX(-3px)}

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

.catalog-photo-card{overflow:hidden;background:#ffffff;border-radius:18px;box-shadow:0 10px 30px rgba(4, 22, 41, .09);transition:transform .3s ease,

        box-shadow .3s ease}

.catalog-photo-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(4, 22, 41, .15)}

.catalog-photo{width:100%;height:370px;overflow:hidden;background:#f0f3f6}

.catalog-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.catalog-photo-card:hover .catalog-photo img{transform:scale(1.04)}

.catalog-consult-btn{width:calc(100% - 28px);margin:14px;min-height:52px;background:var(--navy);color:#ffffff;border-radius:10px;box-shadow:none}

.catalog-consult-btn:hover{background:var(--navy2)}

.category-empty{padding:60px 20px;text-align:center;background:#ffffff;border-radius:18px;box-shadow:0 8px 30px rgba(4, 22, 41, .08)}

.category-empty p{margin:0;color:var(--muted);font-size:1.05rem}

@media (max-width: 900px){

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

.category-image{height:300px}

.category-info{flex-direction:column;align-items:stretch}

.category-info h3{text-align:center}

.category-info .btn{width:100%}

.catalog-photo-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}

.catalog-photo{height:330px}

}

@media (max-width: 600px){

.catalog-section{padding-top:45px}

.category-grid{grid-template-columns:1fr;gap:22px}

.category-image{height:310px}

.category-info{padding:18px}

.category-info h3{font-size:1.45rem}

.category-info .btn{min-height:50px}

.category-products-section{padding-top:35px}

.category-products-header{margin-bottom:28px}

.category-products-header .kicker{margin-top:22px}

.catalog-photo-grid{grid-template-columns:1fr;gap:22px}

.catalog-photo{height:auto;aspect-ratio:4 / 5}

.catalog-photo img{object-fit:cover}

.catalog-consult-btn{min-height:50px;font-size:.9rem}

}

@media (max-width: 380px){

.category-image{height:270px}

.catalog-photo{aspect-ratio:1 / 1.15}

}

.admin-body{min-height:100vh;background:radial-gradient(

            circle at top right,

            #0b4d83,

            transparent 35%

        ),

        var(--navy)}

.admin-login{min-height:100vh;display:grid;place-items:center;padding:25px}

.admin-login-card{width:100%;max-width:460px;padding:45px;border-radius:20px;background:#ffffff;box-shadow:0 25px 70px

        rgba(0, 0, 0, .25)}

.admin-login-card h1{margin:10px 0 15px;font-size:2.3rem}

.admin-login-card p{color:var(--muted);margin-bottom:30px}

.admin-login-card form{display:grid;gap:20px}

.admin-login-card label{display:grid;gap:8px;font-weight:700}

.admin-login-card input{width:100%;padding:14px;border:1px solid

        #dce4ec;border-radius:8px;font:inherit;outline:none}

.admin-login-card input:focus{border-color:var(--blue)}

.admin-login-card .btn{width:100%}

.admin-login-card small{display:block;margin-top:25px;text-align:center;color:var(--muted)}

.admin-error{margin-bottom:20px;padding:12px 15px;border-radius:8px;background:#ffe7e7;color:#a51d1d}

.admin-header{min-height:75px;padding:15px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff;box-shadow:0 5px 25px

        rgba(0, 0, 0, .12)}

.admin-header div{display:flex;flex-direction:column}

.admin-header strong{color:var(--navy)}

.admin-header span{color:var(--muted);font-size:.8rem}

.admin-header a{color:var(--blue);font-weight:700}

.admin-panel{width:100%;max-width:1200px;margin:auto;padding:70px 24px}

.admin-welcome{color:#ffffff;margin-bottom:40px}

.admin-welcome .kicker{color:var(--gold2)}

.admin-welcome h1{margin:10px 0;font-size:clamp(

            2.5rem,

            6vw,

            4.5rem

        )}

.admin-welcome p{color:#b8c9d9}

.admin-grid{display:grid;grid-template-columns:repeat(

            3,

            minmax(0, 1fr)

        );gap:25px}

.admin-card{min-height:260px;padding:35px;border-radius:18px;background:#ffffff;box-shadow:0 15px 40px

        rgba(0, 0, 0, .15);transition:.3s}

.admin-card:hover{transform:translateY(-7px)}

.admin-card > span{display:block;margin-bottom:30px;font-size:2.5rem}

.admin-card h2{color:var(--navy);margin-bottom:12px}

.admin-card p{color:var(--muted)}

.admin-support{margin-top:50px;padding-top:25px;border-top:1px solid

        rgba(255, 255, 255, .15);display:flex;justify-content:space-between;color:#9eb2c6}

.admin-support strong{color:var(--gold2)}

@media (max-width: 850px){

.admin-grid{grid-template-columns:1fr}

}

@media (max-width: 560px){

.admin-login-card{padding:30px 22px}

.admin-header{padding:15px 20px}

.admin-panel{padding:50px 18px}

}

.admin-success{margin-bottom:25px;padding:15px 18px;border-radius:8px;background:#dcf7e5;color:#176b38;font-weight:700}

.admin-content-grid{display:grid;grid-template-columns:380px 1fr;gap:35px;align-items:start}

.admin-upload-form, .admin-deliveries-list{padding:30px;border-radius:18px;background:#ffffff;box-shadow:0 15px 40px

        rgba(0, 0, 0, .15)}

.admin-upload-form{display:grid;gap:22px}

.admin-upload-form h2, .admin-deliveries-list h2{color:var(--navy);margin-bottom:5px}

.admin-upload-form label{display:grid;gap:9px;color:var(--navy);font-weight:700}

.admin-upload-form input{width:100%;padding:13px;border:1px solid #dce4ec;border-radius:8px;font:inherit}

.admin-photo-grid{display:grid;grid-template-columns:repeat(

            3,

            minmax(0, 1fr)

        );gap:18px;margin-top:25px}

.admin-photo-card{overflow:hidden;border-radius:12px;background:#f4f7fa}

.admin-photo-card img{width:100%;height:190px;object-fit:cover}

.admin-photo-card div{padding:15px}

.admin-photo-card strong{color:var(--navy)}

.admin-empty{color:var(--muted)}

@media (max-width: 950px){

.admin-content-grid{grid-template-columns:1fr}

}

@media (max-width: 700px){

.admin-photo-grid{grid-template-columns:repeat(

                2,

                minmax(0, 1fr)

            )}

}

@media (max-width: 480px){

.admin-photo-grid{grid-template-columns:1fr}

}

.admin-delete-btn{width:100%;margin-top:12px;padding:11px 16px;border:0;border-radius:10px;background:#b42318;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s ease,

        opacity .2s ease}

.admin-delete-btn:hover{transform:translateY(-2px);opacity:.9}

#offersGrid{display:grid;grid-template-columns:repeat(

            auto-fit,

            minmax(280px, 360px)

        );gap:30px;margin-top:32px;justify-content:start}

.offers-section{position:relative;max-width:1200px;padding-top:100px;padding-bottom:100px}

.offers-heading{margin-bottom:42px}

.offers-kicker{display:inline-block;margin-bottom:10px;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}

.offers-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}

.offers-title-row h2{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:clamp(2.4rem, 5vw, 4.4rem);letter-spacing:-.04em}

.offers-fire{font-size:.75em}

.offers-limited{display:inline-flex;align-items:center;padding:8px 14px;border-radius:99px;background:#fff0e9;color:#c44218;font-size:.78rem;font-weight:800}

.offers-intro{max-width:620px;margin:16px 0 0;color:var(--muted);font-size:1.05rem}

#offersGrid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px;margin-top:0}

#offersGrid .offer-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(4, 22, 41, .06);border-radius:22px;background:#ffffff;box-shadow:0 14px 40px

        rgba(4, 22, 41, .10);transition:transform .3s ease,

        box-shadow .3s ease}

#offersGrid .offer-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px

        rgba(4, 22, 41, .16)}

#offersGrid .offer-image{position:relative;width:100%;height:310px;overflow:hidden;background:#f1f4f7}

#offersGrid .offer-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

#offersGrid .offer-card:hover .offer-image img{transform:scale(1.04)}

#offersGrid .offer-badge{position:absolute;z-index:3;top:18px;left:18px;display:inline-flex;align-items:center;padding:9px 14px;border-radius:8px;background:linear-gradient(

            135deg,

            #f6dc78,

            #e8b937

        );color:var(--navy);box-shadow:0 8px 20px

        rgba(0, 0, 0, .12);font-size:.72rem;font-weight:900;letter-spacing:.08em}

#offersGrid .offer-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:25px}

#offersGrid .offer-category{display:inline-block;margin-bottom:9px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}

#offersGrid .offer-content h3{width:100%;margin:0 0 10px;color:var(--navy);font-size:1.55rem;line-height:1.15}

#offersGrid .offer-content p{width:100%;margin:0 0 22px;color:var(--muted);font-size:.95rem;line-height:1.6}

#offersGrid .offer-whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:auto;padding:13px 18px;border-radius:10px;background:var(--navy);color:#ffffff;font-size:.9rem;font-weight:800;text-align:center;transition:transform .2s ease,

        background .2s ease,

        box-shadow .2s ease}

#offersGrid .offer-whatsapp-btn:hover{transform:translateY(-2px);background:var(--navy2);box-shadow:0 10px 25px

        rgba(4, 22, 41, .18)}

.offers-benefits{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:0;margin-top:45px;overflow:hidden;border-radius:16px;background:var(--navy);box-shadow:0 15px 40px

        rgba(4, 22, 41, .13)}

.offers-benefits div{display:flex;align-items:center;justify-content:center;gap:9px;min-height:82px;padding:18px;border-right:1px solid

        rgba(255, 255, 255, .12);color:#ffffff;font-size:.88rem;font-weight:700;text-align:center}

.offers-benefits div:last-child{border-right:0}

.offers-benefits span{display:grid;flex:0 0 auto;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--gold2);color:var(--navy);font-size:.75rem;font-weight:900}

.offers-empty{grid-column:1 / -1;padding:45px 25px;border-radius:18px;background:#ffffff;color:var(--muted);text-align:center;box-shadow:0 10px 30px

        rgba(4, 22, 41, .08)}

@media (max-width: 900px){

#offersGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}

.offers-benefits{grid-template-columns:repeat(2, minmax(0, 1fr))}

.offers-benefits div:nth-child(2){border-right:0}

.offers-benefits div:nth-child(-n+2){border-bottom:1px solid

            rgba(255, 255, 255, .12)}

}

@media (max-width: 600px){

.offers-section{padding-top:75px;padding-bottom:75px}

.offers-heading{margin-bottom:30px}

.offers-title-row{align-items:flex-start;flex-direction:column;gap:12px}

.offers-title-row h2{font-size:2.35rem}

.offers-intro{margin-top:14px;font-size:.95rem}

#offersGrid{grid-template-columns:1fr;gap:24px}

#offersGrid .offer-image{height:auto;aspect-ratio:1 / .82}

#offersGrid .offer-content{padding:22px}

#offersGrid .offer-content h3{font-size:1.4rem}

#offersGrid .offer-whatsapp-btn{min-height:52px}

.offers-benefits{grid-template-columns:1fr;margin-top:32px}

.offers-benefits div{justify-content:flex-start;min-height:62px;padding:15px 20px;border-right:0;border-bottom:1px solid

            rgba(255, 255, 255, .12);text-align:left}

.offers-benefits div:nth-child(2){border-right:0}

.offers-benefits div:last-child{border-bottom:0}

}

.offers-section{position:relative;padding-top:100px!important;padding-bottom:100px!important}

.offers-heading{margin-bottom:40px}

.offers-kicker{display:inline-block;margin-bottom:10px;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.18em}

.offers-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}

.offers-title-row h2{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:clamp(2.5rem, 5vw, 4.3rem);letter-spacing:-.04em}

.offers-fire{font-size:.75em}

.offers-limited{padding:8px 15px;border-radius:99px;background:#fff0e8;color:#bd451e;font-size:.8rem;font-weight:800}

.offers-intro{max-width:620px;margin:16px 0 0;color:var(--muted);font-size:1.05rem}

#offersGrid{display:grid!important;grid-template-columns:repeat(

            3,

            minmax(0, 1fr)

        )!important;gap:28px!important;margin-top:0!important}

#offersGrid .offer-card{position:relative;display:flex!important;flex-direction:column!important;width:100%!important;overflow:hidden;border-radius:22px!important;background:#ffffff;border:1px solid

        rgba(4, 22, 41, .06);box-shadow:0 15px 40px

        rgba(4, 22, 41, .10)!important;transition:transform .3s ease,

        box-shadow .3s ease}

#offersGrid .offer-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px

        rgba(4, 22, 41, .16)!important}

#offersGrid .offer-image{position:relative;width:100%;height:300px;overflow:hidden;background:#eef3f8}

#offersGrid .offer-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}

#offersGrid .offer-card:hover .offer-image img{transform:scale(1.04)}

#offersGrid .offer-badge{position:absolute;z-index:5;top:18px;left:18px;padding:9px 14px;border-radius:8px;background:linear-gradient(

            135deg,

            var(--gold2),

            var(--gold)

        );color:var(--navy);font-size:.72rem;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 20px

        rgba(0, 0, 0, .12)}

#offersGrid .offer-content{display:flex!important;flex:1;flex-direction:column!important;align-items:flex-start!important;width:100%!important;padding:25px!important}

#offersGrid .offer-category{display:block;margin-bottom:9px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}

#offersGrid .offer-content h3{width:100%;margin:0 0 10px!important;padding:0!important;color:var(--navy)!important;font-size:1.5rem!important;line-height:1.2}

#offersGrid .offer-content p{width:100%;margin:0 0 22px!important;padding:0!important;color:var(--muted)!important;font-size:.95rem!important;line-height:1.6}

#offersGrid .offer-whatsapp-btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:50px;margin-top:auto;padding:13px 18px;border-radius:10px;background:var(--navy)!important;color:#ffffff!important;font-size:.9rem;font-weight:800;text-align:center;transition:.25s ease}

#offersGrid .offer-whatsapp-btn:hover{background:var(--navy2)!important;transform:translateY(-2px)}

.offers-benefits{display:grid;grid-template-columns:repeat(

            4,

            minmax(0, 1fr)

        );margin-top:45px;overflow:hidden;border-radius:16px;background:var(--navy);box-shadow:0 15px 40px

        rgba(4, 22, 41, .13)}

.offers-benefits div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:80px;padding:18px;border-right:1px solid

        rgba(255, 255, 255, .12);color:#ffffff;font-size:.88rem;font-weight:700;text-align:center}

.offers-benefits div:last-child{border-right:0}

.offers-benefits span{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--gold2);color:var(--navy);font-size:.75rem;font-weight:900}

@media (max-width: 900px){

#offersGrid{grid-template-columns:repeat(

                2,

                minmax(0, 1fr)

            )!important}

.offers-benefits{grid-template-columns:repeat(

                2,

                minmax(0, 1fr)

            )}

}

@media (max-width: 600px){

.offers-section{padding-top:45px!important;padding-bottom:65px!important}

.offers-title-row{flex-direction:column;align-items:flex-start;gap:12px}

.offers-title-row h2{font-size:2.3rem}

#offersGrid{grid-template-columns:1fr!important}

#offersGrid .offer-image{height:auto;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ffffff}

#offersGrid .offer-image img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}

#offersGrid .offer-content{padding:22px!important}

.offers-benefits{grid-template-columns:1fr;margin-top:32px}

.offers-benefits div{justify-content:flex-start;min-height:62px;border-right:0;border-bottom:1px solid

            rgba(255, 255, 255, .12);text-align:left}

.offers-benefits div:last-child{border-bottom:0}

}

.offers-section{padding-top:70px!important;padding-bottom:70px!important}

.offers-heading{margin-bottom:32px!important}

#offersGrid{display:grid!important;grid-template-columns:repeat(3, minmax(0, 280px))!important;justify-content:center!important;align-items:start!important;gap:26px!important}

#offersGrid .offer-card{width:280px!important;max-width:280px!important;border-radius:20px!important}

#offersGrid .offer-image{position:relative!important;width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;aspect-ratio:auto!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#ffffff!important}

#offersGrid .offer-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:194px!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;transform:none!important}

#offersGrid .offer-card:hover .offer-image img{transform:none!important}

#offersGrid .offer-badge{top:12px!important;left:12px!important;padding:7px 11px!important;font-size:.65rem!important}

#offersGrid .offer-content{padding:18px!important}

#offersGrid .offer-category{margin-bottom:7px!important;font-size:.67rem!important}

#offersGrid .offer-content h3{margin-bottom:14px!important;font-size:1.25rem!important}

#offersGrid .offer-content p{margin-bottom:16px!important;font-size:.9rem!important}

#offersGrid .offer-whatsapp-btn{min-height:46px!important;padding:11px 14px!important;font-size:.9rem!important}

@media (max-width: 950px){

#offersGrid{grid-template-columns:repeat(2, minmax(0, 280px))!important}

}

@media (max-width: 650px){

.offers-section{padding-top:50px!important;padding-bottom:55px!important}

#offersGrid{grid-template-columns:minmax(0, 270px)!important;justify-content:center!important;gap:22px!important}

#offersGrid .offer-card{width:270px!important;max-width:270px!important}

#offersGrid .offer-image{height:190px!important;min-height:190px!important;max-height:190px!important}

#offersGrid .offer-image img{max-height:174px!important}

#offersGrid .offer-content{padding:17px!important}

#offersGrid .offer-content h3{font-size:1.18rem!important}

}

@media (max-width: 850px){

.nav{width:100%}

.nav.open, .nav.active{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;padding:14px 10px 18px!important}

.nav.open a, .nav.active a{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;margin:0!important;padding:9px 12px!important;font-size:.88rem!important;white-space:nowrap!important}

.nav.open .nav-cta, .nav.active .nav-cta{padding:9px 12px!important;border-radius:20px!important}

}

@media (max-width: 480px){

.nav.open, .nav.active{gap:4px!important;padding-left:5px!important;padding-right:5px!important}

.nav.open a, .nav.active a{padding:8px 8px!important;font-size:.78rem!important}

}

#offersGrid{display:flex!important;grid-template-columns:none!important;width:100%!important;gap:24px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px

        5px

        28px!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}

#offersGrid::-webkit-scrollbar{display:none}

#offersGrid .offer-card{flex:0

        0

        calc(

            (100% - 48px) / 3

        )!important;width:auto!important;max-width:none!important;scroll-snap-align:start;border-radius:22px!important;background:#ffffff;box-shadow:0 14px 35px

        rgba(4, 22, 41, .12)!important;transition:transform .3s ease,

        box-shadow .3s ease}

#offersGrid .offer-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px

        rgba(4, 22, 41, .17)!important}

#offersGrid .offer-image{width:100%!important;height:230px!important;min-height:230px!important;max-height:230px!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#ffffff!important}

#offersGrid .offer-image img{width:100%!important;height:100%!important;max-height:210px!important;object-fit:contain!important;object-position:center!important;transform:none!important}

#offersGrid .offer-card:hover .offer-image img{transform:none!important}

#offersGrid .offer-content{padding:20px!important}

#offersGrid .offer-category{margin-bottom:7px!important;font-size:.68rem!important;letter-spacing:.15em}

#offersGrid .offer-content h3{margin:0

        0

        15px!important;font-size:1.3rem!important}

#offersGrid .offer-whatsapp-btn{min-height:48px!important;padding:11px

        16px!important;font-size:.9rem!important}

@media (max-width: 900px){

#offersGrid .offer-card{flex:0

            0

            45%!important}

}

@media (max-width: 600px){

#offersGrid{gap:14px!important;padding:8px

            18px

            24px

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

#offersGrid .offer-card{flex:0

            0

            82%!important;width:82%!important;max-width:82%!important;scroll-snap-align:start}

#offersGrid .offer-image{height:210px!important;min-height:210px!important;max-height:210px!important}

#offersGrid .offer-image img{max-height:190px!important}

#offersGrid .offer-content{padding:18px!important}

#offersGrid .offer-content h3{font-size:1.2rem!important}

}

.offers-swipe-hint{display:none}

@media (max-width: 600px){

.offers-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-8px

            0

            12px;color:var(--muted);font-size:.78rem;font-weight:700}

.offers-swipe-arrow{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--gold2);color:var(--navy);font-size:1rem;animation:offerArrow

            1.2s

            ease-in-out

            infinite alternate}

}

@keyframes offerArrow{

from{transform:translateX(0)}

to{transform:translateX(5px)}

}

.catalog-promo-section{width:min(1180px, 92%);margin:0 auto;padding:70px 0}

.catalog-promo-heading{margin-bottom:28px}

.catalog-promo-kicker{display:block;margin-bottom:8px;color:var(--gold);font-size:.75rem;font-weight:900;letter-spacing:.18em}

.catalog-promo-heading h2{margin:0;color:var(--navy);font-size:clamp(

        2rem,

        4vw,

        3.5rem

    );line-height:1.05}

.catalog-promo-heading p{margin:12px 0 0;color:var(--muted);font-size:1rem}

.catalog-promo{position:relative;display:block;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:28px;background:var(--navy);box-shadow:0 22px 55px

        rgba(4, 22, 41, .18);text-decoration:none;isolation:isolate}

.catalog-promo-image{width:100%;overflow:hidden}

.catalog-promo-image img{display:block;width:100%;height:auto;transition:transform

        .8s

        cubic-bezier(.2, .7, .2, 1);animation:catalogBreath

        7s

        ease-in-out

        infinite alternate}

.catalog-promo:hover .catalog-promo-image img{transform:scale(1.035)}

.catalog-promo-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(

            to top,

            rgba(2, 18, 34, .88) 0%,

            rgba(2, 18, 34, .28) 28%,

            transparent 52%

        );pointer-events:none}

.catalog-promo-action{position:absolute;z-index:3;left:30px;right:30px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ffffff}

.catalog-promo-action > span{font-size:.9rem;font-weight:600}

.catalog-promo-action strong{display:inline-flex;align-items:center;gap:12px;padding:14px

        20px;border-radius:999px;background:var(--gold2);color:var(--navy);font-size:.9rem;font-weight:900;box-shadow:0 10px 25px

        rgba(0, 0, 0, .18)}

.catalog-arrow{display:inline-block;font-size:1.2rem;animation:catalogArrow

        .8s

        ease-in-out

        infinite alternate}

.catalog-promo-shine{position:absolute;z-index:2;top:-50%;left:-30%;width:15%;height:200%;opacity:.28;background:linear-gradient(

            90deg,

            transparent,

            #ffffff,

            transparent

        );transform:rotate(20deg)

        translateX(-400%);animation:catalogShine

        5s

        ease-in-out

        infinite;pointer-events:none}

@keyframes catalogBreath{

from{transform:scale(1)}

to{transform:scale(1.018)}

}

@keyframes catalogArrow{

from{transform:translateX(0)}

to{transform:translateX(6px)}

}

@keyframes catalogShine{

0%, 65%{transform:rotate(20deg)

            translateX(-500%)}

100%{transform:rotate(20deg)

            translateX(1000%)}

}

@media (max-width: 600px){

.catalog-promo-section{width:92%;padding:50px

            0}

.catalog-promo-heading{margin-bottom:20px}

.catalog-promo-heading h2{font-size:2rem}

.catalog-promo-heading p{font-size:.9rem}

.catalog-promo{max-width:390px;border-radius:22px}

.catalog-promo-action{left:15px;right:15px;bottom:15px;justify-content:center}

.catalog-promo-action > span{display:none}

.catalog-promo-action strong{width:100%;justify-content:center;padding:12px

            15px;font-size:.82rem}

}

body[data-page="catalogo"] .catalog-section{padding-top:45px;padding-bottom:45px}

body[data-page="catalogo"] .catalog-section .section-head{margin-bottom:30px}

body[data-page="catalogo"] .category-products-section{padding-top:35px;padding-bottom:55px}

body[data-page="catalogo"] .category-products-header{margin-bottom:28px}

body[data-page="catalogo"] .back-categories{margin-bottom:0}

.back-to-top{position:fixed;right:22px;bottom:92px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255, 255, 255, .18);border-radius:50%;background:var(--navy);color:var(--gold2);font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 8px 25px rgba(4, 22, 41, .25);z-index:59;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,

        visibility .25s ease,

        transform .25s ease}

.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}

.back-to-top:hover{transform:translateY(-3px)}

@media (max-width: 600px){

body[data-page="catalogo"] .catalog-section{padding-top:32px;padding-bottom:32px}

body[data-page="catalogo"] .catalog-section .section-head{gap:12px;margin-bottom:22px}

body[data-page="catalogo"] .catalog-section .section-head > p{margin-top:0;line-height:1.55}

body[data-page="catalogo"] .category-products-section{padding-top:25px;padding-bottom:40px}

body[data-page="catalogo"] .category-products-header{margin-bottom:22px}

body[data-page="catalogo"] .category-products-header .kicker{margin-top:18px}

body[data-page="catalogo"] .category-products-header p{margin-top:14px;line-height:1.55}

.back-to-top{right:18px;bottom:88px;width:44px;height:44px;font-size:22px}

}

.back-to-top{position:fixed;right:22px;bottom:92px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#041629;color:#d4af37;font-size:24px;font-weight:800;cursor:pointer;box-shadow:0 8px 25px

        rgba(4, 22, 41, .28);z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,

        visibility .25s ease,

        transform .25s ease}

.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}

.back-to-top:hover{transform:translateY(-3px)}

@media (max-width: 600px){

.back-to-top{right:18px;bottom:90px;width:44px;height:44px;font-size:22px}

}



/* FOOTER UNIFICADO - COMERCIAL UNO */

#footer{background:#031321;color:#e5edf5}

#footer .site-footer{width:100%;padding:28px 24px 16px;background:#031321}

#footer .footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;max-width:1000px;margin:0 auto;padding:0 0 22px}

#footer .footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}

#footer .footer-grid h3{margin:0 0 5px;color:#d9ad45;font-size:17px;line-height:1.3}

#footer .footer-grid a,#footer .footer-grid span,#footer .footer-grid p{display:block;margin:0;color:#e5edf5;font-size:15px;line-height:1.5;overflow-wrap:break-word}

#footer .footer-grid a:hover{color:#f1d77b}

#footer .copyright{max-width:1000px;margin:0 auto;padding:15px 0 0;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

#footer .copyright span,#footer .copyright p{margin:0;font-size:13px;line-height:1.5}

#footer .jchdev-link{display:inline;color:#d9ad45;font-weight:800;letter-spacing:.04em}

@media(max-width:600px){

#footer .site-footer{padding:24px 18px 18px}

#footer .footer-grid{grid-template-columns:1fr;gap:20px;padding-bottom:20px}

#footer .footer-grid h3{font-size:16px}

#footer .footer-grid a,#footer .footer-grid span,#footer .footer-grid p{font-size:14px}

#footer .copyright{flex-direction:column;align-items:flex-start;gap:6px;padding-top:14px}

#footer .copyright span,#footer .copyright p{font-size:12px}

}



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

   SUPER OFERTAS - IMÁGENES EN CELULARES

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



@media (max-width: 600px) {



    #offersGrid .offer-image {

        width: 100% !important;

        height: 300px !important;

        min-height: 300px !important;

        max-height: none !important;

        padding: 10px !important;

        background: #ffffff !important;

        overflow: hidden !important;

    }



    #offersGrid .offer-image img {

        width: 100% !important;

        height: 100% !important;

        max-height: none !important;

        object-fit: contain !important;

        object-position: center !important;

        transform: none !important;

    }



}


/* ==========================================================
   SUPER OFERTAS - CARRUSEL SIN LIMITE DE PUBLICACIONES
   Correccion final: escritorio, tablet y celular.
   ========================================================== */
#offersGrid {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 12px 12px 26px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 12px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
#offersGrid::-webkit-scrollbar { display: block; height: 7px; }
#offersGrid::-webkit-scrollbar-thumb { background: #c2cbd5; border-radius: 8px; }
#offersGrid .offer-card {
    flex: 0 0 calc((100% - 40px) / 3) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    scroll-snap-align: start;
}
#offersGrid .offer-card:hover { transform: none !important; }
#offersGrid .offer-image {
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    aspect-ratio: auto !important;
    padding: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
}
#offersGrid .offer-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}
@media (max-width: 900px) {
    #offersGrid .offer-card {
        flex: 0 0 calc((100% - 20px) / 2) !important;
        width: auto !important;
        max-width: none !important;
    }
}
@media (max-width: 600px) {
    #offersGrid {
        gap: 14px !important;
        padding: 10px 10px 24px !important;
        scroll-padding-inline: 10px;
    }
    #offersGrid .offer-card {
        flex: 0 0 84% !important;
        width: auto !important;
        max-width: none !important;
    }
    #offersGrid .offer-image {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
    }
    #offersGrid .offer-image img {
        max-height: 100% !important;
    }
}