/* Public storefront: Catálogo directo. Administration uses its own layout. */
.storefront-direct{background:#fafafa;color:#171b20}
.storefront-direct .shell{width:min(1180px,calc(100% - 64px))}
.storefront-direct .topbar{background:#111;border-bottom:0;letter-spacing:.06em}
.storefront-direct .header.shell{width:100%;padding-inline:max(32px,calc((100% - 1180px)/2));background:#fff;min-height:136px;border-bottom:3px solid #f18123}
.storefront-direct .header .logo--image{width:190px;height:125px}
.storefront-direct .header .brand-image{width:100%;height:100%;max-width:100%;transform:none}
.storefront-direct .store-nav{gap:24px;flex-wrap:wrap}
.storefront-direct .direct-home{padding-block:26px 32px}
.storefront-direct .direct-search{display:flex;background:white;border:1px solid #cdd2d7;border-radius:8px;overflow:hidden;margin-bottom:16px}
.storefront-direct .direct-search input{flex:1;min-width:0;border:0;background:transparent;margin:0;padding:16px 18px;font-size:16px;min-height:54px}
.storefront-direct .direct-search button{border:0;border-left:1px solid #e5e5e5;background:#fff;color:#222;padding:12px 20px;font-size:14px;min-height:54px;flex-shrink:0}
.storefront-direct .direct-search button:hover{background:#f2f2f2}
.storefront-direct .direct-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;font-weight:400}
.storefront-direct .direct-categories a{padding:9px 13px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px}
.storefront-direct .direct-categories a:hover{border-color:#222}
.storefront-direct .direct-categories .selected{background:#171b20;border-color:#171b20;color:#fff}
.storefront-direct .direct-intro{margin-bottom:25px;gap:20px}
.storefront-direct .direct-intro .eyebrow{margin-bottom:12px;font-size:10px}
.storefront-direct .direct-intro h1{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin-bottom:10px}
.storefront-direct .direct-intro p:last-child{font-size:14px;margin:0}
.storefront-direct .direct-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
.storefront-direct .product-card{background:transparent;border:0;overflow:visible;transform:none}
.storefront-direct .product-visual{height:300px;aspect-ratio:auto;background:#fff;border:1px solid #e5e5e5;border-radius:8px}
.storefront-direct .product-visual img{mix-blend-mode:normal;padding:16px}
.storefront-direct .product-card:hover .product-visual{border-color:#999}
.storefront-direct .badge{font-size:11px;top:12px;left:12px;font-weight:400}
.storefront-direct .badge.available{background:#e7f2e9;color:#286035}
.storefront-direct .product-info{padding:15px 0 0}
.storefront-direct .product-info .eyebrow{font-size:10px;line-height:1.5;margin-bottom:8px;letter-spacing:.04em}
.storefront-direct .product-info h3{font-size:15px;font-weight:600;line-height:1.45;letter-spacing:0;margin-bottom:12px;min-height:44px}
.storefront-direct .price{font-size:18px;letter-spacing:0}
.storefront-direct .circle-link{width:34px;height:34px;background:#fff}
.storefront-direct .direct-more{display:flex;justify-content:center;margin-top:34px}
.storefront-direct .direct-benefits{border-block:1px solid #dedede;background:#fff}
.storefront-direct .direct-benefits .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px;font-size:12px;color:#555}
.storefront-direct .footer{border-top:0;background:#fff}
.storefront-direct .section{padding-block:35px}
@media(max-width:760px){
 .storefront-direct .shell{width:calc(100% - 36px)}
 .storefront-direct .header.shell{padding:6px 18px 14px;flex-direction:column;gap:2px;min-height:0}
 .storefront-direct .header .logo--image{width:165px;height:110px}
 .storefront-direct .header .store-nav{justify-content:center;gap:12px 22px;font-size:12px;align-self:stretch;max-width:none;width:100%}
 .storefront-direct .direct-home{padding-top:20px}
 .storefront-direct .direct-categories{gap:8px;margin-bottom:26px}
 .storefront-direct .direct-categories a{font-size:11px;padding:9px 10px;min-height:38px}
 .storefront-direct .direct-intro{align-items:start;flex-direction:column;gap:14px}
 .storefront-direct .direct-intro h1{font-size:30px}
 .storefront-direct .direct-intro .text-link{max-width:none;text-align:left;font-size:12px;line-height:1.5}
 .storefront-direct .direct-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .storefront-direct .product-visual{height:225px}
 .storefront-direct .product-visual img{padding:10px}
 .storefront-direct .product-info h3{font-size:13px;min-height:0}
 .storefront-direct .product-info .eyebrow{font-size:9px}
 .storefront-direct .price{font-size:17px}
 .storefront-direct .badge{font-size:10px;left:8px;top:8px}
 .storefront-direct .direct-benefits .shell{justify-content:center;text-align:center}
}
@media(max-width:380px){.storefront-direct .product-visual{height:195px}.storefront-direct .direct-search button{padding-inline:12px}.storefront-direct .direct-search button span{display:none}.storefront-direct .store-nav{gap:10px 16px}}