.catalog{padding-block:48px 70px}.catalog h1{font-size:clamp(2.5rem,6vw,4.5rem);max-width:850px}.catalog-intro{margin:20px 0 30px;max-width:600px}.catalog-filters{display:flex;flex-wrap:wrap;gap:16px;background:#d9c9ef;padding:22px;border-radius:20px;margin-bottom:20px}.catalog-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 170px;font-weight:700}.catalog-filters input,.catalog-filters select{padding:12px;border:1px solid var(--ink);border-radius:12px;background:var(--cream);color:var(--ink);min-width:0;width:100%}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.catalog-grid .adoption-animal{min-width:0}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.catalog-count{font-size:14px}.catalog-back{display:inline-block;margin-bottom:24px;font-weight:bold}.catalog-empty{padding:30px;background:#d7eef6;border-radius:16px}.catalog-filters[hidden]{display:none}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.catalog .wrap{padding-inline:22px}}

.catalog-grid>.adoption-animal:nth-child(4n+2){background:#f7d2c7}.catalog-grid>.adoption-animal:nth-child(4n+3){background:#d7eef6}.catalog-grid>.adoption-animal:nth-child(4n+4){background:#e4edcd}

.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; }


.catalog{background:#fffdf5!important;min-height:100vh}
.catalog>.wrap{max-width:1120px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:40px 0 90px!important}
.catalog .catalog-back{display:inline-block;margin-bottom:22px;text-decoration:underline;font-weight:700}
.catalog .eyebrow{font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase;font-weight:800}
.catalog h1{font-size:clamp(42px,6vw,70px)!important;line-height:1.02!important;max-width:830px!important;margin:18px 0!important;letter-spacing:-2px}
.catalog .catalog-intro{max-width:560px!important;line-height:1.6;margin-bottom:24px!important}
.catalog .catalog-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;background:#d9c8f0!important;padding:18px!important;border-radius:16px!important;margin:20px 0 18px!important}
.catalog .catalog-filters[hidden]{display:none!important}
.catalog .catalog-filters label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:13px!important;font-weight:700!important}
.catalog .catalog-filters input,.catalog .catalog-filters select{width:100%!important;min-width:0!important;height:45px!important;background:#fffdf5!important;border:1px solid #45617b!important;border-radius:9px!important;padding:10px 12px!important;font:inherit!important;color:#233e50!important}
.catalog .catalog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
.catalog .catalog-grid>article{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:none!important;border-radius:16px!important;overflow:hidden!important;box-shadow:none!important;background:#dfcff3!important}
.catalog .catalog-grid>article:nth-child(3n+2){background:#f7d6c9!important}
.catalog .catalog-grid>article:nth-child(3n){background:#d7edf4!important}
.catalog .catalog-grid>article[hidden]{display:none!important}
.catalog .catalog-grid>article>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3 / 4!important;object-fit:cover!important;object-position:center top!important;max-height:none!important;flex:none!important}
.catalog .catalog-grid .padrino-pet-info{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;padding:18px 18px 20px!important;background:transparent!important;gap:0!important}
.catalog .catalog-grid .padrino-eyebrow{display:block!important;font-size:10px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;font-weight:800!important;margin-bottom:8px!important}
.catalog .catalog-grid h3{font-size:25px!important;line-height:1.1!important;margin:0 0 12px!important;letter-spacing:-.5px!important}
.catalog .catalog-grid p{font-size:16px!important;line-height:1.6!important;margin:0 0 14px!important}
.catalog .catalog-grid a.pet-sponsor-btn{align-self:flex-start!important;margin-top:auto!important;background:#ffad75!important;color:#233e50!important;border-radius:24px!important;padding:12px 16px!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
.catalog .catalog-grid .tpe-pet-statuses{display:flex!important;gap:9px!important;margin:0 0 14px!important}
.catalog .catalog-grid .tpe-pet-status{position:relative!important}
.catalog .catalog-grid .tpe-pet-tooltip{z-index:999!important}
.catalog .catalog-empty{padding:30px 0;text-align:center}
.catalog .catalog-pagination{margin:28px 0;display:flex;justify-content:center;align-items:center;gap:14px}
.catalog .catalog-pagination[hidden]{display:none!important}
@media(max-width:850px){.catalog .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.catalog>.wrap{width:calc(100% - 28px)!important}.catalog .catalog-grid{grid-template-columns:1fr!important}.catalog .catalog-filters{grid-template-columns:1fr!important}.catalog h1{font-size:42px!important}}


/* 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; }