.category-photo{aspect-ratio:1;margin:0;overflow:hidden}
.category-photo img{width:100%;height:100%;object-fit:cover;transition:scale .4s ease}
.category-label{top:15px;left:15px;right:15px;pointer-events:none}
.category-label>span{padding:4px 9px;border-radius:4px;background:#ffffffe6;color:#426151;font-weight:700}
.category-label .icon{background:#fffffff0;border-color:#fff;color:var(--ink)}
.category-copy{padding:23px}
.product-bottom>span{font-size:10px}
.product-card-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-top:13px}
.product-card-actions .button{font-size:11px;padding:10px 7px;gap:6px;min-height:41px;border-radius:7px;white-space:nowrap}
.product-card-actions .icon{width:15px;height:15px}
.product-card-actions .product-whatsapp .icon-whatsapp{width:18px;height:18px}
.product-card-actions .button-outline{border-color:#cadbd0;color:var(--green-dark)}
.product-card-actions .button-outline:hover{background:#eef5ee}



[data-filter-form] .filter-submit[hidden]{display:none}
.filter-auto-note{font-size:10px;color:#6a7c70;margin:16px 0 0;line-height:1.6}
#resultados{scroll-margin-top:115px;outline:none}
.fratelli-use-links{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 30px}
.fratelli-use-links a{display:flex;align-items:center;gap:16px;padding:9px 15px;border:1px solid #ffffff45;border-radius:6px;color:#e9f3ef;font-size:12px;transition:background .2s}
.fratelli-use-links a:hover{background:#ffffff16}
.fratelli-use-links .icon{width:14px;height:14px}
@media(hover:hover) and (pointer:fine){.category-card:hover .category-photo img{scale:1.035}}
@media(max-width:1200px){.product-card-actions{gap:6px}.product-card-actions .button{font-size:10px;gap:4px}}
@media(min-width:681px) and (max-width:960px){.product-card-actions{grid-template-columns:1fr}}
@media(max-width:680px){
 .category-photo{aspect-ratio:1;margin:0}.category-label{top:10px;left:10px;right:10px}.category-label>span{font-size:8px;padding:3px 7px}.category-label .icon{width:25px;height:25px}
 .category-copy{padding:16px 13px}.category-copy h3{font-size:19px}
 .product-card-actions{grid-template-columns:1fr;gap:7px;margin-top:12px}.product-card-actions .button{font-size:11px;min-height:38px;padding:8px;gap:7px}.product-card-actions .icon{width:16px;height:16px}
 .product-bottom>span{font-size:9px;line-height:1.6}.fratelli-grid .product-card-actions{grid-template-columns:1.15fr 1fr}.fratelli-grid .product-card-actions .button{font-size:12px}
 
 [data-filter-form] fieldset:nth-of-type(2){width:100%}.filter-auto-note{font-size:9px;margin-top:9px}.clear-filters{display:inline-block;margin-top:10px}
 #resultados{scroll-margin-top:90px}.fratelli-use-links{gap:8px;margin-bottom:24px}.fratelli-use-links a{font-size:11px;padding:8px 11px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.category-card:hover .category-photo img{scale:1}}

.footer-bottom{align-items:center;gap:18px;padding-block:14px}
.developer-credit{width:280px;height:auto;flex-shrink:0;border-radius:3px}
.floating-wa{width:auto;min-width:212px;height:72px;padding:0 22px 0 17px;gap:14px;border:2px solid #fff;border-radius:999px;background:#177749;box-shadow:0 9px 28px #173d492b;animation:none;transition:background .2s,transform .2s,box-shadow .2s}
.floating-wa .icon{width:36px;height:36px}
.floating-wa .floating-wa-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25}
.floating-wa-copy>span{font-size:13px;font-weight:500}
.floating-wa-copy>strong{font-size:16px;font-weight:750}
.floating-wa:before{content:'';position:absolute;inset:-2px;border:2px solid #21875480;border-radius:inherit;pointer-events:none;animation:advisor-pulse 5s ease-out infinite;animation-delay:1.5s}
.floating-wa:hover,.floating-wa:focus-visible{background:#11633c;transform:translateY(-3px);box-shadow:0 12px 32px #173d4938}
.floating-wa:hover:before,.floating-wa:focus-visible:before{animation-play-state:paused;opacity:0}
@keyframes advisor-pulse{0%{opacity:0;transform:scale(1)}8%{opacity:.65;transform:scale(1)}38%,100%{opacity:0;transform:scale(1.14,1.35)}}
@media(max-width:680px){
 .footer-bottom{padding-bottom:100px;gap:12px}
 .developer-credit{width:260px;max-width:100%;margin-top:6px}
 .floating-wa{min-width:184px;height:62px;right:14px;bottom:calc(15px + env(safe-area-inset-bottom,0px));padding:0 17px 0 14px;gap:11px}
 .floating-wa .icon{width:31px;height:31px}
 .floating-wa-copy>span{font-size:12px}.floating-wa-copy>strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.floating-wa:before{animation:none;display:none}.floating-wa,.floating-wa:hover,.floating-wa:focus-visible{transition:none;transform:none}}

.footer-legal{background:#f8f4ef;border-top:1px solid #e6e1db}
.footer-bottom{border-top:0}

.catalog-sidebar .brand-filter{width:100%;min-width:0}
.catalog-sidebar .brand-filter legend{display:block;margin-bottom:16px}
.brand-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.brand-option{position:relative;display:block;cursor:pointer;min-width:0}
.brand-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.brand-option-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:79px;padding:9px 10px 7px;gap:4px;border:1px solid #dee6e1;border-radius:8px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.brand-option-face img{width:100%;height:43px;object-fit:contain}
.brand-option-face img.brand-logo-square{object-fit:cover}
.brand-option-name{font-size:8px;line-height:1.4;color:#728278;letter-spacing:.35px;text-align:center}
.brand-name-only{font-size:12px;font-weight:700;text-align:center;color:#355347;line-height:1.4}
.brand-check{display:none;position:absolute;top:4px;right:4px;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;background:var(--green);color:white;font-size:10px}
.brand-option input:checked+.brand-option-face{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.brand-option input:checked+.brand-option-face .brand-check{display:block}
.brand-option input:checked+.brand-option-face .brand-option-name{color:var(--green-dark);font-weight:700}
.brand-option input:focus-visible+.brand-option-face{outline:2px solid var(--green);outline-offset:3px}
.brand-option-all{margin-bottom:12px}
.brand-option-all .brand-option-face{flex-direction:row;min-height:42px;gap:9px;font-size:11px;padding-right:24px}
.brand-option-all .icon{width:16px;height:16px}
.brand-option-all input:checked+.brand-option-face{background:#f1f7f2}
.brand-option-all .brand-check{top:13px;right:9px}
.more-brands{margin-top:13px}
.more-brands summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:11px;color:var(--green-dark);padding:9px 0}
.more-brands summary::-webkit-details-marker{display:none}
.more-brands summary .icon{width:15px;height:15px;transform:rotate(90deg)}
.more-brands .brand-filter-grid{margin-top:9px}
.more-brands-close,.more-brands[open] .more-brands-open{display:none}
.more-brands[open] .more-brands-close{display:inline}
.more-brands[open] summary .icon{transform:rotate(-90deg)}
@media(hover:hover) and (pointer:fine){.brand-option:hover .brand-option-face{border-color:#74aa87;box-shadow:0 4px 12px #183c490c;transform:translateY(-2px)}}
@media(max-width:680px){.catalog-sidebar .brand-filter{margin-top:24px;padding-bottom:15px;border-bottom:1px solid var(--line)}.brand-option-face{min-height:78px}.brand-option-face img{max-width:110px}.brand-option-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-option-face{transition:none}.brand-option:hover .brand-option-face{transform:none}}
.brand-option-face img.brand-logo-dark{background:#176b92;border-radius:4px;padding:7px}

.brand-carousel{padding-block:35px;border-bottom:1px solid var(--line)}
.brand-carousel-heading{position:relative;display:flex;align-items:center;justify-content:center;min-height:32px;margin-bottom:20px}
.brand-carousel-heading h2{margin:0;font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:2px;line-height:1.6;color:#81918a}
.brand-carousel-controls{position:absolute;right:0;display:flex;gap:4px}
.brand-carousel-controls .icon-button{width:30px;height:30px;font-size:16px;color:#63816f;border:1px solid #e3ebe6;border-radius:50%}
.brand-carousel-controls [data-brand-pause]{font-size:11px}
.brand-carousel-viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.brand-carousel-viewport::-webkit-scrollbar{display:none}
.brand-carousel-track{display:flex;gap:28px;list-style:none;padding:4px 0;margin:0}
.brand-carousel-item{flex:0 0 160px;scroll-snap-align:start}
.brand-carousel-item a{display:flex;align-items:center;justify-content:center;height:88px;padding:10px;border-radius:7px;transition:background .2s,transform .2s}
.brand-carousel-item img{width:140px;height:65px;object-fit:contain}
.brand-carousel-item img.brand-logo-square{object-fit:cover}
.brand-carousel-item img.brand-logo-dark{background:#176b92;border-radius:5px;padding:10px}
.brand-carousel-item a:focus-visible{outline-offset:-2px;background:#f5f8f5}
@media(hover:hover) and (pointer:fine){.brand-carousel-item a:hover{background:#f5f8f5;transform:translateY(-2px)}}
@media(max-width:680px){.brand-carousel{padding-block:25px}.brand-carousel-heading{justify-content:space-between;margin-bottom:14px}.brand-carousel-heading h2{font-size:8px;letter-spacing:1.1px;max-width:190px}.brand-carousel-controls{position:static;gap:3px}.brand-carousel-controls .icon-button{width:27px;height:27px}.brand-carousel-track{gap:16px}.brand-carousel-item{flex-basis:130px}.brand-carousel-item a{height:77px}.brand-carousel-item img{width:110px;height:55px}}
@media(prefers-reduced-motion:reduce){.brand-carousel-item a{transition:none}.brand-carousel-item a:hover{transform:none}}