.commercial-announcement{padding:7px 16px;background:#a9472c;color:#fff;text-align:center;font:600 14px/1.35 Georgia,'Times New Roman',serif;letter-spacing:.035em}
.commercial-header{display:grid;grid-template-columns:auto 1fr auto;gap:24px;padding:12px 5%;background:#faf6f2;border-bottom:0}
.commercial-brand{display:block;min-width:0}
.commercial-header .brand-logo{width:clamp(175px,21vw,300px);max-width:100%;height:auto}
.commercial-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,46px);font:18px/1.4 Georgia,'Times New Roman',serif;color:#351b0f}
.commercial-nav a,.commercial-nav button{padding:10px 0;background:transparent;color:inherit;border:0;border-radius:0;font:inherit;text-decoration:none;white-space:nowrap}
.commercial-nav a:hover,.commercial-nav button:hover{color:#a9472c;text-decoration:underline;text-underline-offset:7px}
.commercial-header #bag{border-radius:8px}
.commercial-cover{position:relative;isolation:isolate;display:grid;grid-template-columns:44% 56%;min-height:clamp(430px,40vw,640px);background:#f4e8da;color:#351b0f;scroll-margin-top:130px}
.commercial-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
.commercial-copy{min-width:0;align-self:center;padding:30px 0 30px clamp(26px,8vw,128px);font-family:Georgia,'Times New Roman',serif}
.commercial-eyebrow{margin:0 0 15px;color:#a9472c;font-size:clamp(12px,1.05vw,17px);letter-spacing:.28em;line-height:1.5}
.commercial-copy h1{margin:0;font-size:clamp(50px,6vw,94px);font-weight:400;line-height:.94;letter-spacing:-.045em}
.commercial-description{margin:18px 0 22px;font-size:clamp(16px,1.4vw,23px);line-height:1.4;max-width:480px}
.commercial-cta{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:13px 30px;border-radius:8px;background:#a9472c;color:#fff;text-decoration:none;font:600 clamp(17px,1.4vw,22px)/1.3 system-ui}
.commercial-cta svg{width:22px;height:22px;flex:none}
.commercial-advice{display:flex;width:fit-content;max-width:100%;align-items:center;gap:10px;margin-top:18px;color:#351b0f;font-size:clamp(16px,1.3vw,21px);line-height:1.4;text-decoration:none}
.commercial-advice span{text-decoration:underline;text-underline-offset:5px}
.commercial-advice svg{width:28px;height:28px;flex:none;color:#a9472c}
.commercial-categories{padding:26px 2.5% 22px;background:#faf6f2}
.commercial-categories h2{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 22px;color:#351b0f;text-align:center;font:400 clamp(25px,2.8vw,44px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.commercial-categories h2::before,.commercial-categories h2::after{content:'';height:1px;background:#a9472c;flex:0 1 140px}
.commercial-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commercial-category{display:block;aspect-ratio:496/201;min-width:0;overflow:hidden;border-radius:9px;background-color:#e5d0b9;background-image:url('assets/portada-referencia-categorias.png');background-repeat:no-repeat;background-size:319.7581% 493.5323%}
.commercial-category-october{background-position:3.6697% 97.8508%}
.commercial-category-jeans{background-size:333.1933% 493.5323%;background-position:50% 97.8508%}
.commercial-category-offers{background-position:96.3303% 97.8508%}
.commercial-category:hover{box-shadow:0 0 0 2px #a9472c}
.commercial-header a:focus-visible,.commercial-header button:focus-visible,.commercial-cover a:focus-visible,.commercial-category:focus-visible{outline:3px solid #a9472c;outline-offset:4px}
.commercial-catalog-anchor{scroll-margin-top:140px}
#commercial-contact{width:min(540px,94vw);padding:30px;color:#351b0f}
#commercial-contact h2{margin:0 0 24px;font:400 32px/1.2 Georgia,'Times New Roman',serif}
.commercial-contact-brand{color:#a9472c;font-weight:700}
#commercial-contact p,#commercial-contact address{line-height:1.6;overflow-wrap:anywhere}
#commercial-contact address{font-style:normal}
#commercial-contact a{text-underline-offset:3px}
@media(min-width:1600px){.commercial-copy{padding-left:8vw}.commercial-cover{min-height:40vw}}
@media(max-width:1000px){.commercial-announcement{font-size:12px;padding:8px 12px}.commercial-header{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:10px 4% 8px}.commercial-header .brand-logo{width:clamp(145px,38vw,240px)}.commercial-header #bag{font-size:14px;padding:12px;gap:7px}.commercial-header #bag .cart-icon{width:20px;height:20px}.commercial-nav{grid-column:1/-1;grid-row:2;gap:32px;font-size:17px}.commercial-nav a,.commercial-nav button{padding:7px 0}.commercial-cover{display:flex;flex-direction:column;min-height:0;background:#f6ece2;scroll-margin-top:135px}.commercial-photo{position:static;z-index:auto;display:block;width:100%;height:64vw;max-height:460px;object-fit:cover;object-position:right center}.commercial-copy{width:100%;padding:25px 7% 32px}.commercial-eyebrow{font-size:12px;margin-bottom:13px}.commercial-copy h1{font-size:clamp(48px,12vw,70px)}.commercial-description{font-size:18px;max-width:420px;margin:16px 0 20px}.commercial-cta{font-size:18px;min-height:50px}.commercial-advice{font-size:17px}.commercial-categories{padding:26px 5% 18px}.commercial-categories h2{font-size:28px;gap:12px;margin-bottom:20px}.commercial-categories h2::before,.commercial-categories h2::after{flex-basis:32px}.commercial-category-grid{grid-template-columns:1fr;gap:14px;max-width:500px;margin:auto}.commercial-catalog-anchor{scroll-margin-top:140px}}
@media(max-width:360px){.commercial-header{gap:3px 8px}.commercial-header #bag{font-size:13px;padding:10px 8px}.commercial-header .brand-logo{width:145px}.commercial-nav{font-size:16px;gap:26px}.commercial-announcement{font-size:11px}}