@layer components{
.catalog-route .stage{
min-height:100vh;
overflow:visible;
background:var(--c-surface);
}

.catalog-route.is-searching .results:not([hidden]){
margin-top:14px;
}
.catalog-route.is-searching::before{
height:calc(var(--search-active-top) + 176px);
}


.catalog-section{
position:relative;
z-index:3;
display:grid;
width:var(--search-w);
max-width:var(--search-max);
}

.catalog-section>.results{
position:relative;
top:auto;
left:auto;
z-index:2;
width:100%;
max-width:none;
margin:0;
opacity:1;
transform:none;
}
.catalog-route.is-searching .catalog-section>.results:not([hidden]){
margin:0;
}
.catalog-section>.results h1,.catalog-section>.results h2{
letter-spacing:-.025em;
}
.catalog-route.is-searching .hero{
padding-bottom:var(--space-6);
}
.catalog-route .hero{
padding-bottom:var(--space-4-5);
}
.catalog-section{
margin:244px auto 18px;
gap:10px;
}
.catalog-route.is-searching .catalog-section{
margin-top:236px;
}
.catalog-section--root{
margin-top:244px;
}

.catalog-section>.results{
border-radius:var(--radius-lg);
box-shadow:0 12px 34px rgb(var(--rgb-ink) / .065);
}
.catalog-section>.results header{
padding:10px 20px;
}
.catalog-section>.results h1,.catalog-section>.results h2{
font-size:17px;
}

.brand-page{
position:relative;
z-index:3;
display:grid;
gap:12px;
width:var(--secondary-content-width,var(--search-w));
max-width:var(--secondary-content-max,var(--search-max));
margin:var(--secondary-results-offset) auto 0;
padding-bottom:var(--space-4-5);
color:var(--n-78);
}
.brand-page-head{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
margin:0 0 4px;
padding:0;
border:0;
background:transparent;
box-shadow:none;
text-align:center;
}
.brand-page-logo-box{

display:flex;
align-items:center;
justify-content:center;
width:112px;
aspect-ratio:1;
border:.5px solid rgb(var(--rgb-primary) / .12);
border-radius:var(--radius-lg);
background:linear-gradient(145deg,rgb(var(--rgb-primary) / .055),rgb(var(--rgb-surface) / .94));
color:var(--c-blue);
box-shadow:0 14px 34px rgb(var(--rgb-primary) / .07);
font-size:var(--text-title-lg);
font-weight:var(--w-bold);
letter-spacing:.02em;
}
.brand-page-logo-box img{
display:block;
max-width:86px;
max-height:58px;
object-fit:contain;
}
.brand-page-copy{

display:flex;
flex-direction:column;
align-items:center;
min-width:0;
}
.brand-page-copy p{
margin:0 0 5px;
color:var(--c-blue);
font-size:var(--text-compact);
font-weight:var(--w-bold);
letter-spacing:.13em;
text-transform:uppercase;
}
.brand-page-copy h1{
max-width:1120px;
margin:0 auto;
color:var(--n-80);
font-size:clamp(25px,2.15vw,32px);
font-weight:var(--w-bold);
line-height:1.14;
letter-spacing:-.028em;
text-align:center;
text-wrap:balance;
}
.brand-page-copy>span{
display:block;
max-width:920px;
margin-top:9px;
color:var(--n-55);
font-size:var(--text-ui);
line-height:1.58;
text-align:center;
text-wrap:pretty;
}
.brand-page-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px;
margin-top:12px;
}
.brand-page-actions a{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 var(--space-2-5);
border-radius:var(--radius-compact-xl);
background:rgb(var(--rgb-primary) / .08);
color:var(--c-blue);
font-size:var(--text-ui-sm);
font-weight:var(--w-bold);
text-decoration:none;
}
.brand-page-actions a:hover{
background:rgb(var(--rgb-primary) / .12);
}
.brand-page-actions small{
color:var(--n-45);
font-size:var(--text-compact);
font-weight:var(--w-medium);
}
.brand-catalog-families{
margin-top:6px;
}
.brand-category-tree{
margin-top:0;
}
.brand-story{
width:100%;
margin:18px 0 8px;
padding:clamp(22px,2.4vw,32px);
border:1px solid rgb(var(--rgb-primary) / .09);
border-radius:clamp(20px,2vw,28px);
background:linear-gradient(145deg,rgb(var(--rgb-primary) / .045),rgb(var(--rgb-surface) / .96) 72%);
box-shadow:0 18px 46px rgb(var(--rgb-primary) / .055);
box-sizing:border-box;
}
.brand-story__lead{
columns:2 360px;
column-gap:clamp(34px,4vw,58px);
}
.brand-story__lead p{
margin:0 0 14px;
color:var(--n-58);
font-size:var(--text-ui);
line-height:1.72;
text-wrap:pretty;
break-inside:avoid;
}
.brand-facts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin:18px 0 0;
}
.brand-facts>div{
min-width:0;
padding:11px 12px;
border-radius:var(--radius-control-lg);
background:rgb(var(--rgb-surface) / .72);
}
.brand-facts dt{
margin:0 0 4px;
color:var(--n-45);
font-size:var(--text-micro);
font-weight:var(--w-bold);
letter-spacing:.08em;
text-transform:uppercase;
}
.brand-facts dd{
margin:0;
color:var(--n-80);
font-size:var(--text-ui-sm);
font-weight:var(--w-bold);
line-height:1.35;
}
.brand-story__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:12px;
margin-top:18px;
}
.brand-story__grid section,.brand-advantages article{
padding:16px 17px;
border:.5px solid rgb(var(--rgb-primary) / .09);
border-radius:var(--radius-card);
background:rgb(var(--rgb-surface) / .72);
}
.brand-story h2,.brand-story h3{
margin:0 0 8px;
color:var(--n-82);
font-weight:var(--w-bold);
letter-spacing:-.02em;
}
.brand-story h2{font-size:var(--text-title-sm)}
.brand-story h3{font-size:var(--text-ui)}
.brand-story__grid p,.brand-advantages p{
margin:0;
color:var(--n-58);
font-size:var(--text-ui-sm);
line-height:1.58;
}
.brand-story__grid .brand-market-share{
margin-top:9px;
padding-top:9px;
border-top:.5px solid var(--line-08);
color:var(--n-72);
font-weight:var(--w-medium);
}
.brand-advantages{
margin-top:18px;
}
.brand-advantages>div{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.brand-sources{
margin-top:18px;
padding-top:14px;
border-top:.5px solid var(--line-08);
}
.brand-sources summary{
width:max-content;
max-width:100%;
color:var(--c-link);
font-size:var(--text-ui-sm);
cursor:pointer;
}
.brand-sources ul{
display:grid;
margin:10px 0 0;
padding-left:18px;
}
.brand-sources li{
margin:5px 0;
color:var(--n-50);
font-size:var(--text-compact);
}
.brand-empty-card{
padding:22px 24px;
border:1px solid rgb(var(--rgb-primary) / .09);
border-radius:var(--radius-lg);
background:linear-gradient(145deg,rgb(var(--rgb-primary) / .045),rgb(var(--rgb-surface) / .96));
text-align:center;
}
.brand-empty-card h2{
margin:0 0 7px;
font-size:var(--text-title-sm);
}
.brand-empty-card p{
margin:0;
color:var(--n-55);
font-size:var(--text-ui);
line-height:1.5;
}


.catalog-route.is-searching .catalog-section--root>.results:not([hidden]){
margin-top:0;
}
.content-page{
width:min(980px,calc(100vw - 56px));
min-height:calc(100vh - 88px);
margin:0 auto;
padding:92px 0 var(--space-14);
}
.content-page-logo{
display:inline-flex;
align-items:center;
gap:10px;
color:var(--c-blue);
}
.content-page-logo img:first-child{
width:57px;
height:57px;
}
.content-page-logo img:last-child{
height:27px;
width:auto;
}
.content-card{
margin-top:var(--space-10);
padding:clamp(28px,5vw,58px);
border:.5px solid var(--line-08);
border-radius:var(--radius-2xl);
background:rgb(var(--rgb-surface) / .96);
box-shadow:var(--shadow-md);
}
.content-kicker{
margin:0 0 var(--space-3);
color:var(--c-blue);
font-size:var(--text-xs);
font-weight:var(--w-bold);
line-height:var(--lh-solid);
letter-spacing:var(--ls-caps);
text-transform:uppercase;
}
.content-card h1{
max-width:780px;
margin:0;
color:var(--n-80);
font-size:clamp(32px,5vw,64px);
line-height:.98;
letter-spacing:-.065em;
}
.content-lead{
max-width:760px;
margin:var(--space-5) 0 0;
color:var(--n-60);
font-size:clamp(17px,2vw,22px);
font-weight:var(--w-medium);
line-height:1.48;
letter-spacing:var(--ls-tight);
}
.content-body{
max-width:760px;
margin-top:var(--space-7);
color:var(--n-70);
font-size:var(--text-md);
line-height:var(--lh-copy);
}
.content-body p{
margin:0 0 var(--space-4);
}
.company-facts{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
margin-top:var(--space-8);
}
.company-facts span{
min-height:92px;
padding:var(--space-4);
border:.5px solid var(--line-08);
border-radius:var(--radius-lg);
background:var(--n-10);
}
.company-facts b,.company-facts small{
display:block;
}
.company-facts b{
color:var(--c-blue);
font-size:var(--text-title-lg);
font-weight:var(--w-bold);
line-height:var(--lh-tight);
letter-spacing:var(--ls-tight);
}
.company-facts small{
margin-top:5px;
color:var(--n-58);
font-size:var(--text-xs);
font-weight:var(--w-strong);
line-height:var(--lh-ui);
}
.content-cta{
display:inline-flex;
margin-top:var(--space-7);
color:var(--c-blue);
font-size:var(--text-sm);
font-weight:var(--w-strong);
}
.catalog-route .catalog-section,.catalog-route.is-searching .catalog-section{
display:flex!important;
flex-direction:column!important;
gap:8px!important;
margin-top:var(--search-results-offset)!important;
}
.catalog-route .catalog-section>.results{
margin-top:0!important;
}

.catalog-route .catalog-section>.results h1{
font-size:17px!important;
}
.catalog-route .hero-logo,.page-route .hero-logo{
display:none!important;
}

.catalog-route .product-title-link{
width:fit-content;
max-width:100%;
text-decoration:none!important;
}
.catalog-route .product-title-link:hover,.catalog-route .product-title-link:focus-visible{
color:var(--c-link-hover)!important;
}
.catalog-route .catalog-section,.catalog-route.is-searching .catalog-section{
width:var(--secondary-content-width,var(--search-w))!important;
max-width:var(--secondary-content-max,var(--search-max))!important;
box-sizing:border-box!important;
}

.catalog-route .catalog-section>.results header{
display:flex!important;
align-items:center!important;
min-height:36px!important;
padding-top:var(--space-2)!important;
padding-bottom:var(--space-2)!important;
box-sizing:border-box!important;
}
.catalog-route .catalog-section>.results h1{
display:flex!important;
align-items:center!important;
min-height:20px!important;
line-height:1.32!important;
}
body:not([data-site-route="inicio"]) .content-page-logo{
display:none!important;
}
.catalog-route footer[data-site-chrome],.page-route footer[data-site-chrome]{
position:relative;
left:auto;
right:auto;
bottom:auto;
width:100%;
max-width:none;
margin:44px auto 22px;
opacity:1;
pointer-events:auto;
transform:none;
}
.page-route .top,.catalog-route .top{
top:calc(var(--frame-top-y) - 21px)!important;
}
}

@layer components{
.about-page{
width:min(1280px,calc(100vw - 72px));
padding-top:70px;
padding-bottom:var(--space-6);
}
.about-shell{
margin-top:var(--space-7);
color:var(--n-78);
}
.about-story-hero{
padding:clamp(24px,4vw,58px) 0 clamp(34px,5vw,74px);
border-bottom:1px solid var(--line-08);
}
.about-eyebrow{
margin:0 0 18px;
color:var(--c-blue);
font-size:var(--text-3xs);
font-weight:var(--w-black);
letter-spacing:var(--ls-caps);
line-height:var(--lh-solid);
text-transform:uppercase;
}
.about-story-hero h1{
max-width:1040px;
margin:0;
color:var(--n-82);
font-size:clamp(46px,6.2vw,92px);
font-weight:var(--w-black);
letter-spacing:-.067em;
line-height:.94;
}
.about-story-lead{
max-width:880px;
margin:clamp(24px,3vw,38px) 0 0;
color:var(--n-66);
font-size:clamp(18px,1.75vw,25px);
font-weight:var(--w-medium);
line-height:1.46;
letter-spacing:-.018em;
}
.about-story-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:30px;
}
.about-story-action{
display:inline-flex;
min-height:44px;
align-items:center;
justify-content:center;
padding:0 18px;
border:1px solid var(--line-08);
border-radius:var(--radius-md);
background:var(--c-surface);
color:var(--n-72);
font-size:var(--text-sm);
font-weight:var(--w-bold);
line-height:1;
text-decoration:none;
transition:border-color var(--time-fast) ease,color var(--time-fast) ease,background var(--time-fast) ease;
}
.about-story-action:hover,.about-story-action:focus-visible{
border-color:var(--c-blue-24);
color:var(--c-blue);
background:var(--c-blue-04);
}
.about-story-action--primary{
border-color:var(--c-blue);
background:var(--c-blue);
color:var(--c-surface);
}
.about-story-action--primary:hover,.about-story-action--primary:focus-visible{
background:var(--c-blue);
color:var(--c-surface);
}
.about-story-facts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:clamp(42px,5vw,72px) 0 0;
border-top:1px solid var(--line-08);
border-bottom:1px solid var(--line-08);
}
.about-story-facts div{
min-height:118px;
padding:24px clamp(14px,2vw,28px);
border-right:1px solid var(--line-08);
}
.about-story-facts div:first-child{
padding-left:0;
}
.about-story-facts div:last-child{
border-right:0;
}
.about-story-facts dt{
color:var(--c-blue);
font-size:clamp(26px,3.1vw,44px);
font-weight:var(--w-black);
letter-spacing:-.055em;
line-height:1;
}
.about-story-facts dd{
max-width:180px;
margin:12px 0 0;
color:var(--n-54);
font-size:var(--text-ui-sm);
font-weight:var(--w-bold);
line-height:1.35;
}
.about-story-chapter{
display:grid;
grid-template-columns:110px minmax(0,.86fr) minmax(340px,1.14fr);
gap:clamp(24px,4vw,64px);
align-items:start;
padding:clamp(58px,7vw,104px) 0;
border-bottom:1px solid var(--line-08);
}
.about-story-number{
display:flex;
align-items:flex-start;
gap:4px;
color:var(--n-78);
font-variant-numeric:tabular-nums;
}
.about-story-number b{
font-size:clamp(42px,5vw,70px);
font-weight:var(--w-regular);
letter-spacing:-.07em;
line-height:.88;
}
.about-story-number span{
margin-top:3px;
color:var(--c-red);
font-size:var(--text-md);
font-weight:var(--w-medium);
}
.about-story-copy h2{
max-width:700px;
margin:0;
color:var(--n-82);
font-size:clamp(30px,3.5vw,52px);
font-weight:var(--w-black);
letter-spacing:-.052em;
line-height:1.02;
}
.about-story-copy>p:not(.about-eyebrow){
max-width:690px;
margin:24px 0 0;
color:var(--n-66);
font-size:clamp(16px,1.35vw,20px);
font-weight:var(--w-medium);
line-height:1.62;
}
.about-category-links{
display:flex;
flex-wrap:wrap;
gap:8px 16px;
margin-top:28px;
}
.about-category-links a{
color:var(--c-blue);
font-size:var(--text-sm);
font-weight:var(--w-bold);
line-height:1.35;
text-decoration-line:underline;
text-decoration-color:var(--c-blue-24);
text-underline-offset:5px;
}
.about-story-media{
position:relative;
min-height:460px;
margin:0;
overflow:hidden;
border-radius:var(--radius-xl);
background:var(--n-12);
}
.about-story-media img{
display:block;
width:100%;
height:100%;
min-height:460px;
object-fit:cover;
object-position:center;
}
.about-story-media::after{
content:"";
position:absolute;
inset:40% 0 0;
pointer-events:none;
background:linear-gradient(180deg,rgb(var(--rgb-ink) / 0),rgb(var(--rgb-ink) / .52));
}
.about-story-media figcaption{
position:absolute;
right:20px;
bottom:18px;
left:20px;
z-index:1;
color:var(--c-surface);
font-size:var(--text-sm);
font-weight:var(--w-bold);
line-height:1.42;
}
.about-story-chapter--supply{
grid-template-columns:110px minmax(0,.8fr) minmax(420px,1.2fr);
}
.about-brand-rail{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
align-self:center;
}
.about-brand-rail a{
display:flex;
min-height:84px;
align-items:center;
justify-content:center;
padding:14px;
border:1px solid var(--line-08);
border-radius:var(--radius-md);
background:var(--c-surface);
transition:border-color var(--time-fast) ease,background var(--time-fast) ease;
}
.about-brand-rail a:hover,.about-brand-rail a:focus-visible{
border-color:var(--c-blue-18);
background:var(--c-blue-04);
}
.about-brand-rail img{
display:block;
max-width:100%;
max-height:40px;
object-fit:contain;
}
.about-story-chapter--stores{
grid-template-columns:110px minmax(0,.8fr) minmax(420px,1.2fr);
}
.about-location-list{
border-top:1px solid var(--line-08);
}
.about-location{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:4px 16px;padding:22px 4px;
border-bottom:1px solid var(--line-08);
color:var(--n-74);
text-decoration:none;
}
.about-location>span{
grid-row:1/3;
color:var(--c-blue);
font-size:var(--text-sm);
font-weight:var(--w-black);
line-height:1.25;
}
.about-location strong{
font-size:var(--text-md);
font-weight:var(--w-black);
line-height:1.2;
}
.about-location small{
color:var(--n-56);
font-size:var(--text-sm);
font-weight:var(--w-medium);
line-height:1.42;
}
.about-location:hover strong,.about-location:focus-visible strong{
color:var(--c-blue);
}
.about-contact-line{
grid-column:2/4;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
margin-top:10px;
border-top:1px solid var(--line-08);
border-bottom:1px solid var(--line-08);
}
.about-contact-line>a,.about-contact-line>div{
display:flex;
min-height:92px;
flex-direction:column;
justify-content:center;
padding:18px 22px;
border-right:1px solid var(--line-08);
color:var(--n-72);
text-decoration:none;
}
.about-contact-line>*:last-child{
border-right:0;
}
.about-contact-line span{
color:var(--n-48);
font-size:var(--text-3xs);
font-weight:var(--w-black);
letter-spacing:var(--ls-caps);
line-height:1;
text-transform:uppercase;
}
.about-contact-line b{
margin-top:10px;
font-size:var(--text-sm);
font-weight:var(--w-bold);
line-height:1.35;
}
.about-contact-line a:hover b,.about-contact-line a:focus-visible b{
color:var(--c-blue);
}
.about-socials{
grid-column:2/4;
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:22px;
}
.about-socials a{
display:inline-flex;
min-height:38px;
align-items:center;
gap:9px;padding:0 13px;
border:1px solid var(--line-08);
border-radius:var(--radius-pill);
color:var(--n-64);
font-size:var(--text-ui-sm);
font-weight:var(--w-bold);
text-decoration:none;
}
.about-socials svg{
width:16px;
height:16px;
fill:currentColor;
}
.about-socials a:first-child{
color:#e1306c;
}
.about-socials a:hover,.about-socials a:focus-visible{
border-color:currentColor;
}
.about-story-chapter--instagram{
grid-template-columns:110px minmax(280px,.72fr) minmax(0,1.28fr);
}
.about-instagram-profile{
display:inline-flex;
margin-top:24px;
color:var(--c-blue);
font-size:var(--text-md);
font-weight:var(--w-black);
text-decoration:none;
}
.about-instagram-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.about-instagram-grid a{
position:relative;
display:block;
min-width:0;
aspect-ratio:1/1;
overflow:hidden;
border-radius:var(--radius-lg);
background:var(--n-12);
}
.about-instagram-grid img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform var(--time-base) var(--ease-out);
}
.about-instagram-grid a:hover img,.about-instagram-grid a:focus-visible img{
transform:scale(1.035);
}
.about-instagram-video{
position:absolute;
top:10px;
right:10px;
display:grid;
width:30px;
height:30px;
place-items:center;
border-radius:50%;
background:rgb(var(--rgb-ink) / .66);
color:var(--c-surface);
font-size:11px;
}
.about-instagram-empty{
display:flex;
min-height:240px;
align-items:center;
justify-content:center;
gap:14px;
border:1px solid var(--line-08);
border-radius:var(--radius-xl);
background:linear-gradient(135deg,var(--c-blue-04),rgb(var(--rgb-surface) / .98));
color:var(--n-68);
font-size:var(--text-md);
font-weight:var(--w-black);
text-decoration:none;
}
.about-instagram-empty svg{
width:28px;
height:28px;
fill:currentColor;
color:#e1306c;
}
.about-story-footer{
padding:clamp(50px,7vw,96px) 0 24px;
}
.about-story-footer blockquote{
max-width:760px;
margin:0;
color:var(--c-blue);
font-size:clamp(30px,4vw,58px);
font-weight:var(--w-black);
letter-spacing:-.055em;
line-height:1.02;
}
.about-story-footer>p:not(.about-story-legal){
max-width:720px;
margin:26px 0 0;
color:var(--n-62);
font-size:var(--text-md);
font-weight:var(--w-medium);
line-height:1.56;
}
.about-story-legal{
max-width:940px;
margin:34px 0 0;
padding-top:22px;
border-top:1px solid var(--line-08);
color:var(--n-50);
font-size:var(--text-sm);
font-weight:var(--w-medium);
line-height:1.55;
}
.about-story-legal a{
color:var(--c-blue);
font-weight:var(--w-bold);
text-decoration:underline;
text-decoration-color:var(--c-blue-24);
text-underline-offset:4px;
}
@media (max-width:1120px){
.about-page{width:calc(100vw - 44px);}
.about-story-chapter,.about-story-chapter--supply,.about-story-chapter--stores,.about-story-chapter--instagram{grid-template-columns:84px minmax(0,1fr);}
.about-story-media,.about-brand-rail,.about-location-list,.about-instagram-grid,.about-instagram-empty{grid-column:2;}
.about-contact-line,.about-socials{grid-column:2;}
.about-brand-rail{grid-template-columns:repeat(5,minmax(0,1fr));}
}
}


/* step-740: secondary pages use the polished compact search header from the home quick-search state. */
@layer components{
.product-route .secondary-search-hero,
.page-route .secondary-search-hero{
  min-height:150px;
  padding:0;
}
.product-route .secondary-search-hero .hero-logo,
.page-route .secondary-search-hero .hero-logo{
  position:fixed!important;
  top:var(--frame-top-y)!important;
  left:calc(var(--frame-x) + var(--chrome-inset))!important;
  z-index:60!important;
  display:inline-flex!important;
  opacity:.98!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translate(0,-50%) scale(.60)!important;
  transform-origin:left center!important;
  transition:none!important;
}
.product-route .secondary-search-hero .hero-logo::before,
.product-route .secondary-search-hero .hero-logo::after,
.page-route .secondary-search-hero .hero-logo::before,
.page-route .secondary-search-hero .hero-logo::after{
  display:none!important;
  content:none!important;
}
.product-route .secondary-search-hero .hero-word,
.page-route .secondary-search-hero .hero-word{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.product-route .secondary-search-hero .search,
.page-route .secondary-search-hero .search{
  position:fixed!important;
  top:var(--search-active-top)!important;
  left:50%!important;
  z-index:var(--sticky-z)!important;
  width:var(--search-w)!important;
  max-width:var(--search-max)!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  transition:none!important;
}
.product-route .secondary-search-hero .search-tools,
.page-route .secondary-search-hero .search-tools{
  position:fixed!important;
  top:var(--search-tools-active-top)!important;
  left:50%!important;
  z-index:13!important;
  width:var(--search-w)!important;
  max-width:var(--search-max)!important;
  transform:translate(-50%,0)!important;
}
.product-route.is-searching .secondary-search-hero .results,
.page-route.is-searching .secondary-search-hero .results{
  width:min(var(--search-w),var(--search-max),calc(100vw - 56px));
  margin:128px auto 24px;
}
.product-route .product-page,
.page-route .content-page,
body[data-site-route="nosotros"] .about-page{
  padding-top:var(--space-4);
}
.product-route .top-logo::before,
.product-route .top-logo::after,
.page-route .top-logo::before,
.page-route .top-logo::after{
  display:none!important;
  content:none!important;
}
.product-route .top,
.page-route .top{
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
}

@layer components{
.search-static-route .top-logo,
.search-static-route .top>.actions,
.search-static-route .actions{
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.search-static-route .top-logo::before,
.search-static-route .top-logo::after,
.search-static-route .top>.actions::before,
.search-static-route .top>.actions::after,
.search-static-route .actions::before,
.search-static-route .actions::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.search-static-route .top-logo img,
.search-static-route .top>.actions>*{
  position:relative;
  z-index:1;
}
.search-static-route .hero-logo,
.search-static-route .secondary-search-hero .hero-logo{
  display:none!important;
}
.search-static-route .hero,
.search-static-route .secondary-search-hero{
  min-height:auto!important;
  padding:0 0 18px!important;
}
.search-static-route .search,
.search-static-route .secondary-search-hero .search,
.catalog-route .hero .search{
  position:fixed!important;
  top:var(--search-active-top)!important;
  left:50%!important;
  z-index:var(--sticky-z)!important;
  display:flex!important;
  width:var(--secondary-content-width,var(--search-w))!important;
  max-width:var(--secondary-content-max,var(--search-max))!important;
  min-width:0!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
.search-static-route .search-tools,
.search-static-route .secondary-search-hero .search-tools,
.catalog-route .hero .search-tools{
  position:fixed!important;
  top:var(--search-tools-active-top)!important;
  left:50%!important;
  z-index:13!important;
  display:grid!important;
  width:var(--secondary-content-width,var(--search-w))!important;
  max-width:var(--secondary-content-max,var(--search-max))!important;
  min-width:0!important;
  min-height:34px!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
.search-static-route .tool-row{
  min-height:34px;
}
.search-static-route .select:not(.has-choice)::after{
  display:none!important;
  animation:none!important;
}

.catalog-route .catalog-section,
.catalog-route.is-searching .catalog-section{
  margin-top:var(--search-results-offset)!important;
}
.catalog-route .catalog-section>.results,
.catalog-route.is-searching .catalog-section>.results:not([hidden]){
  margin-top:0!important;
}
body.search-static-route::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:11;
  height:calc(var(--search-tools-active-top) + 54px);
  pointer-events:none;
  background:linear-gradient(180deg,rgb(var(--rgb-surface) / .985) 0%,rgb(var(--rgb-surface) / .985) calc(100% - 62px),rgb(var(--rgb-surface) / .78) calc(100% - 34px),rgb(var(--rgb-surface) / 0) 100%);
}
.search-static-route .product-page,
.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page{
  padding-top:var(--search-results-offset)!important;
}
.catalog-route.search-static-route .product-page,
.catalog-route.search-static-route .content-page{
  padding-top:0!important;
}
}

@layer components{
body.search-static-route{
--secondary-tools-top:var(--search-tools-active-top);
--secondary-content-max:1800px;
--secondary-content-gutter:calc(var(--frame-x) + 12px);
--secondary-content-width:min(var(--secondary-content-max),calc(100vw - (var(--secondary-content-gutter) * 2)));
--secondary-results-offset:calc(var(--secondary-tools-top) + 38px);
}
@media (max-width:860px){
body.search-static-route{
--secondary-content-gutter:8px;
}
}
.search-static-route .site-frame{
border-top:0!important;
}
.search-static-route .hero::before{
display:none!important;
content:none!important;
}
.search-static-route .stage,
.search-static-route .hero,
.catalog-route .catalog-section{
background:var(--c-surface)!important;
}
.search-static-route .stage,
.search-static-route .hero{
min-height:auto!important;
}
body.search-static-route::before{
height:calc(var(--secondary-tools-top) + 54px)!important;
background:linear-gradient(180deg,var(--c-surface) 0%,var(--c-surface) calc(100% - 58px),rgb(var(--rgb-surface) / .88) calc(100% - 30px),rgb(var(--rgb-surface) / 0) 100%)!important;
}
.search-static-route .search-tools,
.search-static-route .secondary-search-hero .search-tools,
.catalog-route .hero .search-tools{
top:var(--secondary-tools-top)!important;
}
.catalog-route .catalog-section,
.catalog-route.is-searching .catalog-section{
margin-top:var(--secondary-results-offset)!important;
margin-bottom:0!important;
gap:12px!important;
}
.search-static-route .product-page,
.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page{
padding-top:var(--secondary-results-offset)!important;
}
.catalog-route.search-static-route .product-page,
.catalog-route.search-static-route .content-page{
padding-top:0!important;
}
.catalog-route .hero{
padding-bottom:0!important;
}

.catalog-route footer[data-site-chrome],
.page-route footer[data-site-chrome]{
margin:18px auto 14px!important;
}
}


body.search-static-route .bg{
  background-image:none!important;
  box-shadow:none!important;
}
body.search-static-route .site-frame{
  border-top:0!important;
}
body.search-static-route .frame-top{
  display:none!important;
}
body.search-static-route .top,
body.search-static-route .top-logo,
body.search-static-route .top>.actions,
body.search-static-route .actions{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.search-static-route main.stage,
body.search-static-route .hero,
body.search-static-route .secondary-search-hero{
  min-height:0!important;
  height:auto!important;
  padding-bottom:0!important;
}
body.search-static-route .hero::before,
body.search-static-route .secondary-search-hero::before{
  display:none!important;
  content:none!important;
}
body.search-static-route .catalog-section,
body.search-static-route .product-page,
body.search-static-route .brand-page,
body.search-static-route .content-page,
body[data-site-route="nosotros"].search-static-route .about-page{
  min-height:0!important;
  margin-bottom:0!important;
  padding-bottom:var(--space-4-5)!important;
}
body.catalog-route.search-static-route .catalog-section{
  margin-top:var(--secondary-results-offset)!important;
}

body.search-static-route footer[data-site-chrome]{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:18px auto 14px!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}