

.shop-categories{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.shop-categories a{padding:12px 22px;border:1.5px solid var(--ink);border-radius:30px;text-decoration:none;color:var(--ink);font-weight:800;background:#ffb477}.shop-categories a:nth-child(2){background:#d9c9ef}.shop-categories a:nth-child(3){background:#deebc9}.shop-categories a:nth-child(4){background:#f7f495}.shop-all{text-align:center;margin:36px 0}.shop-all .btn,.shop-order{background:#ffb477!important;color:var(--ink)!important;text-decoration:none!important}.shop-order{font-size:14px;padding:15px 14px}.product-body .shop-order{margin-top:auto}.store-hero{background:#d9c9ef;padding:64px 0 40px}.store-hero h1{font-size:clamp(36px,6vw,72px);max-width:850px;line-height:1.08;margin:20px 0}.store-hero p{max-width:660px}.store-section{padding:56px 0;scroll-margin-top:150px}.store-section h2{font-size:clamp(30px,4vw,48px)}.store-section:nth-of-type(3){background:#f8ddc6}.store-section:nth-of-type(4){background:#e4edcd}.store-section:nth-of-type(5){background:#d9c9ef}.store-empty{border:1px solid var(--ink);border-radius:24px;background:#fffdf3;padding:32px;max-width:800px}.store-empty p{max-width:600px}.store-empty .btn{background:#ffb477;color:var(--ink);margin-top:12px;text-decoration:none}.store-checks{height:24px;background:conic-gradient(#23404f 25%,#d9c9ef 0 50%,#23404f 0 75%,#d9c9ef 0) 0 0/24px 24px}.store-footer{padding:32px 0;background:#fffdf3}.store-back{color:var(--ink);font-weight:700}.store-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.store-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.store-section .product-grid{grid-template-columns:1fr}.store-hero{padding-top:32px}.shop-categories{gap:8px}.shop-categories a{padding:10px 16px}.store-empty{padding:24px}}


#panoletas .bandana-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}#panoletas .bandana-grid>.static-product{display:flex;flex-direction:column}#panoletas .bandana-grid>.static-product p{flex:1}#panoletas .bandana-grid>.static-product strong{align-self:flex-start}#panoletas .bandana-grid>.static-product img{height:auto;aspect-ratio:4/5;object-fit:contain}.bandana-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:#d9c9ef}.bandana-gallery img{flex:0 0 100%;width:100%;min-width:0;aspect-ratio:4/5;object-fit:contain;scroll-snap-align:start}.bandana-gallery-note{font-size:12px;font-weight:600;margin:0 0 14px}.bandana-fit{font-weight:700}.bandana-order{margin-top:auto;border:0}.bandana-order summary{list-style:none;cursor:pointer;background:#d9c9ef;color:#233f4e;border:1px solid #233f4e;border-radius:28px;padding:15px 12px;text-align:center;font-size:14px;font-weight:800}.bandana-order summary::-webkit-details-marker{display:none}.bandana-order summary:after{content:' +';position:static}.bandana-order[open] summary:after{content:' −'}.bandana-order p{font-size:14px;margin-top:14px}.bandana-sizes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bandana-sizes a{padding:12px;min-width:44px;text-align:center;border:1px solid #233f4e;border-radius:12px;background:#ffb477;color:#233f4e;text-decoration:none;font-weight:800}.bandana-sizes a:focus-visible,.bandana-order summary:focus-visible,.bandana-gallery:focus-visible{outline:3px solid #143bad;outline-offset:3px}@media(max-width:1000px){#panoletas .bandana-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){#panoletas .bandana-grid{grid-template-columns:1fr}}

.category-more{text-align:center;margin:28px 0 0}.category-more .btn{background:#ffb477;color:#233f4e;text-decoration:none}.store-section .product:nth-child(4n+1){background:#fffdf3}.store-section .product:nth-child(4n+2){background:#e4edcd}.store-section .product:nth-child(4n+3){background:#d9c9ef}.store-section .product:nth-child(4n+4){background:#f7d2c7}.store-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.store-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.store-section .product-grid{grid-template-columns:1fr}}

.static-adoption-card,.static-product{flex:0 0 min(290px,82vw);min-width:0;border-radius:20px;overflow:hidden;background:#e9e1fa;color:#233e50;scroll-snap-align:start}
.static-adoption-card:nth-child(3n+2){background:#ffe3d2}.static-adoption-card:nth-child(3n){background:#dff1f5}
.static-adoption-card img,.static-product img{width:100%;height:310px;object-fit:cover;display:block}
.static-adoption-info{padding:20px}.static-adoption-info small{font-size:10px;letter-spacing:.12em}.static-adoption-info h3{margin:6px 0;font-size:24px}.static-adoption-info p{font-size:14px}
.static-adoption-info a,.static-product strong{display:inline-block;margin-top:12px;background:#ffad75;border-radius:24px;padding:10px 15px;color:#233e50;font-weight:800;text-decoration:none}
.static-product{padding-bottom:22px}.static-product h3,.static-product p,.static-product strong{margin-left:18px;margin-right:18px}
.padrinos-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;max-width:100%;padding:8px 4px 22px}
.padrinos-carousel>.static-pet{flex:0 0 min(560px,94%);width:min(560px,94%);display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);overflow:hidden;min-height:320px;scroll-snap-align:start;background:#eedcf9;border-radius:20px}
.static-pet>img{width:100%;height:100%;object-fit:cover;min-height:300px}.static-pet>.padrino-pet-info{padding:20px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column}
.static-pet .pet-sponsor-btn{margin-top:auto;display:inline-block;align-self:start;background:#233e50;color:white;border-radius:25px;padding:10px 15px;text-decoration:none;font-weight:700}
.adoption-rail,.catalog-grid,.product-grid{display:flex;flex-wrap:wrap;gap:18px}.adoption-rail{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:18px}
@media(max-width:640px){.padrinos-carousel>.static-pet{grid-template-columns:1fr;flex-basis:min(340px,94%)}.static-pet>img{height:220px;min-height:0}.static-adoption-card{flex-basis:min(290px,82vw)}}


/* Ocultar la barra horizontal sin deshabilitar el desplazamiento */
.padrinos-showcase .padrinos-carousel{scrollbar-width:none!important;-ms-overflow-style:none!important;}
.padrinos-showcase .padrinos-carousel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
/* Mantener visibles solamente los indicadores funcionales debajo del carrusel */
.padrinos-showcase .carousel-squares{display:none!important;}


#apadrinar .tpe-pet-statuses{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 16px;position:relative}
#apadrinar .tpe-pet-status{position:relative;display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(33,77,118,.28);border-radius:12px;background:#fffdf6;color:#214d76;padding:8px;cursor:help;transition:transform .15s,background .15s}
#apadrinar .tpe-pet-status:hover,#apadrinar .tpe-pet-status:focus-visible,#apadrinar .tpe-pet-status.is-open{background:#f7f495;transform:translateY(-2px);outline-offset:3px}
#apadrinar .tpe-pet-tooltip{display:none;position:absolute;bottom:calc(100% + 12px);left:0;width:min(250px,75vw);max-width:250px;background:#233e50;color:#fff;border-radius:12px;padding:12px 14px;text-align:left;line-height:1.4;font-size:12px;font-weight:400;z-index:100;box-shadow:0 7px 20px #14293d44;pointer-events:none}
#apadrinar .tpe-pet-tooltip strong{display:block;font-size:13px;margin-bottom:4px}
#apadrinar .tpe-pet-tooltip span{display:block}
#apadrinar .tpe-pet-status:hover .tpe-pet-tooltip,#apadrinar .tpe-pet-status:focus-visible .tpe-pet-tooltip,#apadrinar .tpe-pet-status.is-open .tpe-pet-tooltip{display:block}
#apadrinar .padrino-pet-info .tpe-pet-statuses + .pet-sponsor-btn{margin-top:auto!important}
@media(max-width:640px){#apadrinar .tpe-pet-tooltip{left:0;width:220px}}

.padrinos-showcase > .actions{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important}.padrinos-showcase > .actions > .btn{margin-left:auto!important;margin-right:auto!important;text-align:center!important}

/* Mostrar toda la foto sin recortar las caras ni alterar su proporción */
#adopcion .adoption-rail .static-adoption-card img,
#adopcion .adoption-rail .static-adoption-card picture img,
#adopcion .static-adoption-card img,
.adoption-rail .static-adoption-card img {
 width:100% !important;
 height:225px !important;
 max-height:none !important;
 object-fit:contain !important;
 object-position:center center !important;
 display:block !important;
 background:#f2efe9 !important;
}
#adopcion .adoption-rail .static-adoption-card,
.adoption-rail .static-adoption-card{overflow:hidden !important;}
@media(max-width:640px){#adopcion .static-adoption-card img,.adoption-rail .static-adoption-card img{height:245px !important;}}


/* Fotografías a todo el ancho; retratos altos para no cortar la cara. */
#adopcion .adoption-rail .static-adoption-card img,
#adopcion .adoption-rail .adoption-animal img.adoption-portrait,
.adoption-rail .static-adoption-card img {
 width:100% !important;
 height:clamp(315px,35vw,385px) !important;
 max-height:none !important;
 object-fit:cover !important;
 object-position:center 18% !important;
 display:block !important;
 background:transparent !important;
}
@media(max-width:650px){
 #adopcion .adoption-rail .static-adoption-card img,
 #adopcion .adoption-rail .adoption-animal img.adoption-portrait,
 .adoption-rail .static-adoption-card img {height:340px !important;object-position:center 16% !important;}
}


/* Las cuatro fotografías originales tienen proporción vertical 3:4.
   Se respeta esa proporción para mostrar el empaque completo sin recortar. */
#guau .product-grid>.static-product img{
 display:block!important;
 width:100%!important;
 height:auto!important;
 aspect-ratio:3 / 4!important;
 object-fit:contain!important;
 object-position:center center!important;
 background:transparent!important;
}
#guau .product-grid>.static-product{
 overflow:hidden!important;
}


#guau .product-grid .static-product > h3 { margin-top: 0 !important; padding-top: 18px !important; }


.store-hero>.wrap{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)!important;column-gap:clamp(30px,5vw,85px)!important;align-items:center!important}
.store-hero .tpe-store-hero-copy{min-width:0}
.store-hero .tpe-store-hero-visual{min-width:0;display:flex;align-items:center;justify-content:center;padding:30px 15px 35px}
.store-hero .tpe-store-hero-visual img{display:block;width:100%;max-width:640px;height:auto;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(9px 13px 0 rgba(30,50,60,.12));border-radius:18px}
.store-hero .shop-categories{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
@media(max-width:760px){.store-hero>.wrap{grid-template-columns:1fr!important;gap:16px!important}.store-hero .tpe-store-hero-visual{padding:14px 24px 30px}.store-hero .tpe-store-hero-visual img{max-width:470px;transform:rotate(5deg)}}


/* Misma cuadrícula, fotografía y tipografía de las tarjetas de Inicio */
#snacks .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
#snacks .product-grid>.static-product{display:flex!important;flex-direction:column!important;flex:none!important;width:auto!important;min-width:0!important;background:#e9e1fa!important;border:0!important;border-radius:20px!important;overflow:hidden!important;padding:0 0 20px!important;scroll-snap-align:unset!important}
#snacks .product-grid>.static-product img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;object-position:center!important;flex:none!important;margin:0!important;padding:0!important}
#snacks .product-grid>.static-product h3{font-size:clamp(18px,2.05vw,27px)!important;line-height:1.12!important;letter-spacing:-.025em!important;margin:0 17px 5px!important;padding:18px 0 0!important;color:#233e50!important}
#snacks .product-grid>.static-product p{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.5!important;margin:0 17px 12px!important;color:#233e50!important;flex:1!important}
#snacks .product-grid>.static-product strong{align-self:flex-start!important;margin:auto 17px 0!important;background:#ffad75!important;border-radius:30px!important;padding:10px 14px!important;font-size:15px!important;color:#233e50!important}
#snacks .category-more{text-align:center!important;margin:28px auto 0!important}
@media(max-width:920px){#snacks .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#snacks .product-grid{grid-template-columns:1fr!important;gap:18px!important}#snacks .product-grid>.static-product{max-width:460px;width:100%!important;margin:auto}}


/* Más aire entre el título y la descripción, sin alterar imágenes ni columnas. */
#guau .product-grid .static-product h3 + p,
#snacks .product-grid .static-product h3 + p,
.product-grid .static-product h3 + p { margin-top: 12px !important; line-height: 1.55 !important; }
