/* Shared design layer. Loaded after legacy CSS; scoped to the public redesign. */
:root{--cat-ink:#172f3d;--cat-muted:#526672;--cat-accent:#0f766e;--cat-line:#dce6e9;--cat-bg:#f4f7f8;--cat-shadow:0 8px 30px #1637480a}
body.cat-redesign{margin:0;background:var(--cat-bg)!important;color:var(--cat-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
.cat-redesign *{box-sizing:border-box;min-width:0}
.cat-redesign a{color:#086c66;text-underline-offset:3px}
.cat-redesign img{max-width:100%}
.cat-redesign button,.cat-redesign input{font:inherit}
.cat-redesign button,.cat-redesign a{touch-action:manipulation}
.cat-redesign :focus-visible{outline:3px solid #b35b12!important;outline-offset:4px}
.cat-redesign [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:-100px;left:16px;z-index:2000;background:white;padding:12px 20px;border-radius:8px}
.skip-link:focus{top:12px}
.cat-redesign>.site-header{position:sticky!important;top:0!important;z-index:500;width:100%!important;height:auto!important;background:#fffffff5!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--cat-line);box-shadow:0 3px 14px #16374808;margin:0!important;padding:0!important}
.site-header .site-nav{position:relative;display:flex!important;align-items:center;gap:20px;max-width:1240px;width:100%!important;min-height:82px;height:auto!important;padding:14px 24px;margin:auto!important;background:transparent}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cat-ink)!important;font-weight:750;font-size:18px;max-width:270px;line-height:1.2}
.site-brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.site-header .menu-hamburguesa{position:static;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--cat-line);background:white;border-radius:10px;cursor:pointer;padding:10px;transform:none!important}
.site-header .menu-hamburguesa span{display:block;width:21px;height:2px;margin:0!important;background:var(--cat-ink)!important;transform:none!important}
.site-header .buscar-form{display:flex;flex:1;width:auto!important;max-width:560px;align-items:center;border:1px solid #c7d7dc;border-radius:12px;margin:0!important;padding:4px;background:#f5f8f9;height:48px}
.site-header .buscar-input{width:100%;height:38px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 12px;font-size:16px;color:var(--cat-ink)}
.site-header .buscar-form button,.search-form button{border:0;border-radius:8px;background:var(--cat-accent)!important;color:#fff;padding:9px 15px;font-weight:650;cursor:pointer}
.site-links{display:flex;gap:16px;white-space:nowrap;font-size:14px;font-weight:650}
.site-links a{text-decoration:none}
.site-header .menu-categorias{position:absolute!important;top:calc(100% + 8px)!important;left:24px!important;width:min(520px,calc(100vw - 48px))!important;max-height:70vh;overflow:auto!important;margin:0;background:#fff!important;padding:16px;border:1px solid var(--cat-line);border-radius:16px;box-shadow:0 18px 60px #17344326;color:var(--cat-ink)}
.menu-categorias ul{list-style:none;margin:0;padding:0}
.menu-categorias li{position:relative;border-bottom:1px solid #eef2f3;padding:8px 0}
.menu-categorias a{display:inline-block;padding:6px;max-width:calc(100% - 48px);font-weight:600;text-decoration:none;color:var(--cat-ink)!important}
.menu-categorias .toggle-submenu{float:right;border:1px solid var(--cat-line);border-radius:8px;min-width:40px;min-height:40px;background:#f1f6f6;color:var(--cat-accent);cursor:pointer}
.menu-categorias .submenu{display:none!important;margin:8px 0 0 12px;padding-left:12px;border-left:2px solid #c6dedb;background:#fff!important}
.menu-categorias .submenu.active{display:block!important;position:static!important}
.cat-redesign>.texto-superior,.cat-redesign>.article-simple-page{width:100%!important;max-width:1240px!important;margin:28px auto!important;padding:0 24px!important;background:transparent!important;border:0;box-shadow:none}
.cat-redesign main{max-width:100%;width:100%}
.cat-redesign main h1{color:var(--cat-ink);font-size:clamp(26px,3.8vw,44px);line-height:1.16;letter-spacing:-.035em;margin:16px 0}
.cat-redesign main h2{font-size:clamp(21px,2.4vw,29px);line-height:1.3;letter-spacing:-.02em;margin:24px 0 16px;color:var(--cat-ink)}
.cat-redesign .home-top-search{padding:48px 32px!important;border-radius:24px!important;background:radial-gradient(ellipse at top right,#245964,transparent 70%),linear-gradient(130deg,#103c45,#0d5a59)!important;box-shadow:var(--cat-shadow)!important}
.cat-redesign .home-top-search__inner{text-align:left!important;max-width:900px!important;margin:0!important}
.cat-redesign .home-top-search h1{color:white!important;font-size:clamp(29px,4.3vw,52px)!important;line-height:1.12!important;font-weight:760}
.cat-redesign .home-top-search__title-dynamic,.cat-redesign .home-top-search__word-wrap{justify-content:flex-start!important;min-height:64px!important}
.cat-redesign .home-top-search__word{color:#c6f5d9!important;background:transparent!important;padding:0!important;box-shadow:none!important;white-space:normal!important}
.cat-redesign .home-top-search__eyebrow{letter-spacing:.08em;font-size:11px!important}
.cat-redesign .home-top-search__form{margin:24px 0 0!important;max-width:650px!important}
.cat-redesign .home-top-search__btn{background:var(--cat-accent)!important;box-shadow:none!important}
.cat-redesign .home-top-search__input{font-size:16px!important}
.cat-redesign .home-intro{font-size:16px;color:var(--cat-muted);margin:24px 0!important;max-width:85ch;line-height:1.75}
.discovery-links,.section-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px;padding:0;background:transparent}
.discovery-links a,.section-nav a{display:block;border:1px solid #cbdcdd;padding:9px 15px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;background:white;color:#155e58}
.discovery-links a:hover,.section-nav a:hover{background:#e3f2ee;border-color:#0f766e}
.cat-redesign .hero__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:210px!important;gap:16px!important}
.cat-redesign .hero__tile{grid-column:auto!important;grid-row:auto!important;min-height:0!important;border-radius:18px!important}
.cat-redesign .hero__label{font-size:16px;background:#102d36df!important;backdrop-filter:none!important;left:10px;right:10px;bottom:10px}
.cat-redesign .grid-prods,.cat-redesign .gridview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:100%!important;max-width:100%;margin:20px 0!important}
.cat-redesign article.polaroid,.cat-redesign .card-cat,.cat-redesign .product-summary-card,.cat-redesign .product-media-card,.cat-redesign .article-simple-price-card,.cat-redesign .article-simple-graph-card,.cat-redesign .article-simple-section{border:1px solid var(--cat-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--cat-shadow)!important;overflow:hidden}
.cat-redesign article.polaroid{transition:box-shadow .2s,transform .2s}
.cat-redesign article.polaroid:hover{transform:translateY(-3px);box-shadow:0 12px 32px #123a4218!important}
.cat-redesign .polaroid__img{aspect-ratio:4/3;padding:18px!important;background:#fff!important}
.cat-redesign .polaroid__img img{object-fit:contain!important;height:100%!important;width:100%!important}
.cat-redesign .polaroid__body{padding:16px!important;display:flex;flex-direction:column;flex:1;gap:8px}
.cat-redesign .polaroid__desc{font-size:15px!important;line-height:1.5!important;color:var(--cat-ink)!important;min-height:4.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cat-redesign .polaroid__row{gap:10px;flex-wrap:wrap;margin-top:auto}
.cat-redesign .polaroid__btn,.cat-redesign .boton_compra{background:var(--cat-accent)!important;color:#fff!important;min-height:44px;border-radius:10px!important;padding:10px 15px!important;border:0!important;text-decoration:none!important;box-shadow:none!important;line-height:1.4;display:inline-flex;justify-content:center;align-items:center;white-space:normal}
.cat-redesign .product-related-card__detail{background:#eef5f4!important;color:#155e58!important;border:1px solid #c7dbd8!important}
.cat-redesign .product-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:24px!important;margin:24px 0}
.cat-redesign .product-media-card__stage{background:#fff!important;min-height:0}
.cat-redesign .product-media-card__main img{object-fit:contain!important;max-height:430px;width:100%}
.cat-redesign .product-summary-card{padding:28px!important;height:auto}
.cat-redesign .product-summary-card__meta,.cat-redesign .article-simple-price-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cat-redesign .article-simple-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.cat-redesign .article-simple-price-card,.cat-redesign .article-simple-graph-card,.cat-redesign .article-simple-section{padding:24px!important;margin:20px 0}
.cat-redesign .article-simple-price-grid>article{margin:0}
.cat-redesign .article-simple-header{position:static!important;background:transparent!important;padding:0!important;border:0;box-shadow:none}
.cat-redesign .article-simple-intro{color:var(--cat-muted);max-width:80ch;font-size:17px;line-height:1.7}
.cat-redesign .article-simple-breadcrumb,.cat-redesign nav[aria-label=breadcrumb]{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--cat-muted);line-height:1.7;margin-bottom:20px}
.cat-redesign .article-simple-breadcrumb a{color:#316568}
.cat-redesign .article-affiliate-note{font-size:13px;color:var(--cat-muted);padding-top:15px;border-top:1px solid var(--cat-line)}
.cat-redesign .product-related-carousel,.cat-redesign .top-carousel{scroll-snap-type:x proximity;gap:18px;scrollbar-width:thin;padding-bottom:16px}
.cat-redesign .product-related-carousel>article,.cat-redesign .top-carousel>article{scroll-snap-align:start;min-width:240px;max-width:300px}
.cat-redesign .search-wrap{padding:0;max-width:100%}
.cat-redesign .search-head{padding:24px!important;background:#fff;border:1px solid var(--cat-line);border-radius:18px;gap:20px;box-shadow:var(--cat-shadow)}
.cat-redesign .search-form{display:flex;gap:8px;flex-wrap:wrap}
.cat-redesign .search-form input{min-width:160px;flex:1;font-size:16px;height:46px;border:1px solid #bdced3;border-radius:10px;padding:8px 12px}
.cat-redesign .pill{border:1px solid var(--cat-line);background:#eef6f4;color:#18564f;padding:7px 12px;border-radius:999px;font-size:13px}
.cat-redesign .cat-group{border:1px solid var(--cat-line);border-radius:16px;background:white;box-shadow:none}
.cat-redesign .tbl-wrap{border:1px solid var(--cat-line);border-radius:16px;overflow:auto;background:white}
.cat-redesign .tbl{width:100%;border-collapse:collapse}
.cat-redesign .tbl th{background:#edf3f4;color:#405961;font-size:12px;padding:14px;text-align:left}
.cat-redesign .tbl td{padding:14px;border-bottom:1px solid #e8eef0}
.cat-redesign .tbl .thumb{width:74px;height:74px;object-fit:contain;background:white;border-radius:8px}
.cat-redesign .pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}
.cat-redesign .pager a,.cat-redesign .pager span{padding:8px 14px;border:1px solid var(--cat-line);border-radius:9px;background:white;text-decoration:none;min-height:44px}
.cat-redesign .pager .on{background:#0f766e;color:white}
.cat-redesign .editorial-guide{max-width:900px!important}
.cat-redesign .editorial-guide p,.cat-redesign .editorial-guide li{max-width:76ch}
.cat-redesign>.editorial-panel{max-width:1192px;margin:40px auto;background:#e7f2ef;border:1px solid #c9dfd8;border-radius:18px;padding:28px}
.cat-redesign .editorial-panel p{max-width:85ch;margin:10px 0;color:#365958}
.cat-redesign>footer{margin-top:48px!important;background:#12343e!important;color:#d6e4e8!important;padding:38px 24px 24px!important;border-top:0}
.cat-redesign>footer .container{max-width:1192px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:0}
.cat-redesign>footer h3{color:white;font-size:16px}
.cat-redesign>footer a{color:#d5ede8!important;font-size:14px;text-decoration:none}
.cat-redesign>footer .footer-bottom{max-width:1192px;margin:30px auto 0;border-top:1px solid #ffffff24;padding-top:20px;text-align:left;color:#c7d9df;font-size:13px;line-height:1.7}
.cat-redesign details{background:white;border:1px solid var(--cat-line);border-radius:12px;margin:12px 0;padding:14px 18px}
.cat-redesign summary{cursor:pointer;font-weight:650;min-height:30px}
.cat-redesign section[id]{scroll-margin-top:160px}
@media(max-width:1024px){.site-links{display:none}.cat-redesign .hero__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cat-redesign .grid-prods,.cat-redesign .gridview{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
 .site-header .site-nav{gap:10px;padding:10px 16px;flex-wrap:wrap;min-height:112px}
 .site-brand{flex:1;max-width:none;font-size:16px}.site-header .menu-hamburguesa{order:1}.site-header .buscar-form{order:2;flex:1 1 100%;max-width:none}
 .site-header .menu-categorias{left:16px!important;width:calc(100vw - 32px)!important}
 .cat-redesign>.texto-superior,.cat-redesign>.article-simple-page{padding:0 16px!important;margin:20px auto!important}
 .cat-redesign .home-top-search{padding:28px 20px!important;border-radius:18px!important}
 .cat-redesign .hero__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:170px!important;gap:12px!important}
 .cat-redesign .hero__label{font-size:13px;padding:8px}
 .cat-redesign .grid-prods,.cat-redesign .gridview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .cat-redesign .product-hero,.cat-redesign .article-simple-price-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .cat-redesign .product-summary-card,.cat-redesign .article-simple-price-card,.cat-redesign .article-simple-graph-card,.cat-redesign .article-simple-section{padding:20px!important}
 .cat-redesign .article-simple-intro{font-size:16px}
 .cat-redesign .section-nav{flex-wrap:nowrap;overflow:auto;padding:4px 0 12px}.section-nav a{white-space:nowrap;flex:none}
 .cat-redesign .search-head{display:flex;flex-direction:column;padding:20px!important;align-items:stretch}.cat-redesign .search-head>div{min-width:0!important}
 .cat-redesign .search-form{width:100%}.cat-redesign .search-form input{min-width:0;width:100px}
 .cat-redesign .tbl.prod,.cat-redesign .tbl.prod tbody{display:block;width:100%}
 .cat-redesign .tbl.prod thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cat-redesign .tbl.prod tr{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--cat-line);padding:16px}
 .cat-redesign .tbl.prod td{display:block;border:0;padding:0;white-space:normal!important}
 .cat-redesign .tbl.prod .col-marca,.cat-redesign .tbl.prod .col-price,.cat-redesign .tbl.prod .col-web,.cat-redesign .tbl.prod .col-action{display:none!important}
 .cat-redesign .tbl.prod .mcard{display:block!important}.cat-redesign .tbl.prod .mmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cat-redesign .tbl.prod .mcta{margin-top:12px}
 .cat-redesign>.editorial-panel{margin:30px 16px;padding:20px}
 .cat-redesign>footer .container{grid-template-columns:1fr;gap:18px}
}
@media(max-width:380px){.cat-redesign .grid-prods,.cat-redesign .gridview{grid-template-columns:1fr!important}.site-brand span{font-size:14px}.cat-redesign .home-top-search{padding:24px 16px!important}}
@media(prefers-reduced-motion:reduce){.cat-redesign *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cat-redesign .home-top-search__word{transform:none!important;filter:none!important;opacity:1!important}}
.cat-redesign .search-form select{border:1px solid #bdced3;border-radius:10px;padding:10px;background:white;font:inherit;color:var(--cat-ink);max-width:100%}
.cat-redesign .search-form #max-price{max-width:145px;min-width:110px}
@media(max-width:760px){.cat-redesign .search-form input[name=q]{flex-basis:100%}.cat-redesign .search-form select{flex:1;width:140px}.cat-redesign .search-form #max-price{flex:1}.cat-redesign .search-form button{flex-basis:100%;min-height:46px}}
.cat-redesign .grid.grid-cat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1024px){.cat-redesign .grid.grid-cat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cat-redesign .grid.grid-cat{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* Reset legacy dark-card text and aspect ratios after the shared surface change. */
.cat-redesign .hero{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible}
.cat-redesign .hero__grid{padding:0!important}
.cat-redesign .hero__grid .hero__tile{height:100%!important;aspect-ratio:auto!important;align-self:stretch;box-shadow:var(--cat-shadow)!important}
.site-header .buscar-form button{flex:0 0 auto;min-width:74px;height:38px;padding:7px 12px;font-size:14px}
.site-header .buscar-input{flex:1 1 0%;min-width:0!important}
.cat-redesign .article-simple-price-card{color:var(--cat-ink)!important;display:block!important}
.cat-redesign .article-simple-price-card .article-simple-price-label{color:var(--cat-muted)!important}
.cat-redesign .article-simple-price-value strong{color:#0f766e!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.2!important;letter-spacing:-.04em}
.cat-redesign .article-simple-price-value span,.cat-redesign .article-simple-price-meta div,.cat-redesign .article-simple-price-meta span{color:var(--cat-muted)!important}
.cat-redesign .article-simple-price-meta strong{color:var(--cat-ink)!important}
.cat-redesign .article-simple-price-meta div{display:block;border-bottom:1px solid var(--cat-line)}
.cat-redesign .article-simple-price-meta span,.cat-redesign .article-simple-price-meta strong{display:block}
.cat-redesign .price--mixed .price__value,.cat-redesign .polaroid__price{color:#0f766e!important}
.cat-redesign .price__value.product-main-price__old,.cat-redesign .price__value.product-main-price__old *{color:var(--cat-muted)!important}
.cat-redesign>footer .footer-section{text-align:left}
.cat-redesign>footer .footer-links{padding:0;list-style:none;text-align:left}