
:root{--ink:#233e50;--blue:#c2e7f5;--cream:#fffdf5;--yellow:#f7f495;--orange:#ffad75;--pink:#f5c5ce;--purple:#cbbce9;--line:#233e5026;--shadow:5px 6px 0 var(--ink)}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 'Trebuchet MS',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc3f1e;outline-offset:5px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3.4rem,6.8vw,6.5rem);font-weight:900}h2{font-size:clamp(2.6rem,4.7vw,4.5rem);font-weight:900}h3{font-size:1.8rem}.wrap{max-width:1280px;margin:auto;padding:0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin-bottom:18px}.bodycopy{font-size:18px;line-height:1.65;max-width:520px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-weight:800;padding:12px 25px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn.light{background:var(--cream);color:var(--ink)}.btn.yellow{background:var(--yellow);color:var(--ink)}.textlink{font-weight:800;text-underline-offset:6px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.review{background:var(--yellow);font-size:12px;text-align:center;padding:7px 16px;letter-spacing:.03em}.skip{position:absolute;left:12px;top:-80px;z-index:20;background:white;padding:12px}.skip:focus{top:5px}
header{position:sticky;top:0;z-index:10;background:var(--cream);border-bottom:1px solid var(--line)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:900;display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.05;letter-spacing:-.7px}.brand small{font-size:10px;letter-spacing:.16em;display:block;margin-top:5px}.brand-icon{font-size:39px;color:#e66e40}.navlinks{display:flex;gap:29px;align-items:center}.navlinks a{font-size:14px;text-decoration:none;font-weight:800}.navlinks a:hover{text-decoration:underline;text-underline-offset:7px}.navlinks .shop-link{background:var(--yellow);border:1px solid var(--ink);border-radius:25px;padding:10px 18px}.menu{display:none;border:1px solid var(--ink);background:transparent;border-radius:22px;padding:9px 14px}.hero{background:var(--blue);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:670px;padding-top:60px;padding-bottom:75px}.hero h1 em{font-style:normal;color:#a43f22;display:block}.hero p.bodycopy{margin-top:25px;max-width:430px}.hero-art{position:relative;height:510px}.hero-photo{width:75%;height:95%;object-fit:cover;border-radius:180px 180px 25px 25px;border:7px solid var(--cream);transform:rotate(5deg);position:absolute;right:0;top:10px;box-shadow:10px 10px 0 #233e5015}.cat-photo{position:absolute;left:-10px;bottom:-6px;width:43%;aspect-ratio:1;object-fit:cover;border:7px solid var(--cream);border-radius:50%;transform:rotate(-10deg);box-shadow:5px 6px 0 #233e5015}.badge{position:absolute;left:6px;top:18px;background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:122px;height:122px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-size:15px;font-weight:900;transform:rotate(-14deg)}.spark{position:absolute;right:-25px;bottom:5px;font-size:87px;color:#a43f22;line-height:1;transform:rotate(10deg)}.photo-caption{position:absolute;right:30px;bottom:0;background:var(--cream);padding:9px 24px;transform:rotate(4deg);border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:800}.ticker{background:var(--yellow);padding:17px;display:flex;align-items:center;justify-content:center;gap:35px;border-block:1px solid var(--ink);font-weight:800;font-size:14px;letter-spacing:.04em;text-align:center}.ticker b{font-size:25px;line-height:1}.intro{padding-top:75px;padding-bottom:75px;text-align:center}.intro h2{font-size:clamp(2rem,3vw,3rem);max-width:860px;margin:auto}.intro p{max-width:650px;margin:22px auto 0}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:38px}.section-head p{max-width:340px}.adoption{border-top:1px solid var(--line)}.adopt-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.adopt-photo{position:relative;background:var(--pink);padding:22px 22px 0;border-radius:22px}.adopt-photo img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:180px 180px 0 0}.ribbon{position:absolute;top:32px;left:5px;background:var(--yellow);padding:9px 20px;border:1px solid var(--ink);transform:rotate(-6deg);font-weight:800;font-size:13px}.adopt-content h3{font-size:2.5rem;margin-bottom:22px}.adopt-content p{max-width:460px}.steps{list-style:none;padding:0;margin:28px 0;counter-reset:step}.steps li{display:flex;gap:14px;align-items:center;margin:15px 0;font-size:15px}.steps li:before{counter-increment:step;content:counter(step);width:30px;height:30px;background:var(--yellow);border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:800;flex-shrink:0}.small{font-size:13px;line-height:1.6}.status{margin-top:16px;color:#576673}
.sponsor{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.sponsor-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.sponsor h2 span{color:var(--yellow)}.sponsor .bodycopy{margin-top:25px}.sponsor-card{background:var(--yellow);color:var(--ink);border-radius:24px;padding:35px;position:relative;transform:rotate(2deg)}.sponsor-card h3{font-size:2rem}.sponsor-card>p{margin-top:12px}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 15px}.amounts button{padding:12px 6px;border:1.5px solid var(--ink);border-radius:12px;background:transparent;font-weight:800}.amounts button[aria-pressed=true]{background:var(--ink);color:white}.inputrow{display:flex;gap:8px;align-items:center}.inputrow input{width:100%;min-width:0;border:1px solid var(--ink);border-radius:10px;padding:10px 14px;background:var(--cream)}.sponsor-card>.btn{width:100%;margin:20px 0 12px}.impact-list{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:14px}.impact-list span{border-bottom:1px solid #fff6;padding-bottom:5px}.sponsor-star{font-size:90px;position:absolute;right:-24px;top:-55px;color:var(--pink);text-shadow:1px 1px 0 var(--ink)}
.stories{background:#f7e4df}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.story-card{display:flex;flex-direction:column;background:var(--cream);border:1px solid var(--ink);border-radius:18px;overflow:hidden}.story-art{height:200px;padding:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.story-art .symbol{font-family:Georgia,serif;font-size:120px;line-height:1}.art-a{background:var(--blue)}.art-b{background:var(--yellow)}.art-c{background:var(--purple)}.story-art .tiny{position:absolute;left:20px;bottom:15px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}.story-body{padding:27px;display:flex;flex-direction:column;flex:1}.story-body h3{font-size:1.7rem;margin-bottom:14px}.story-body p{font-size:15px;margin-bottom:23px}.story-body button{background:none;border:0;border-top:1px solid var(--line);padding:15px 0 0;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:800;margin-top:auto;color:var(--ink)}
.guau{background:#f7aa7b}.shop-intro{display:grid;grid-template-columns:.85fr 1.1fr;gap:65px;align-items:center;margin-bottom:44px}.guau-brand{background:#234faa;border-radius:24px;padding:36px 25px;transform:rotate(-3deg);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.guau-brand img{width:100%;height:auto}.shop-intro h2{font-size:clamp(2.8rem,4vw,4rem);margin-bottom:18px}.shop-intro p{max-width:500px}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:40px 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:10px 22px;background:transparent;border:1px solid var(--ink);border-radius:25px;font-weight:800;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--cream);display:flex;flex-direction:column}.product[hidden]{display:none}.product-image{position:relative;overflow:hidden}.product-image img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.025)}.product-image .tag{position:absolute;left:15px;top:15px;padding:5px 12px;border:1px solid var(--ink);background:var(--yellow);border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.05em}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:1.7rem;margin-bottom:9px}.product-body p{font-size:14px}.product-body .btn{margin-top:20px;width:100%;font-size:14px;padding-inline:15px}.product-body .price{margin-top:14px;font-size:13px;font-weight:800}.shop-foot{display:flex;justify-content:space-between;gap:30px;margin-top:27px;font-size:13px}.faq{max-width:900px;margin:auto;padding-top:75px;padding-bottom:85px}.faq h2{text-align:center;font-size:2.8rem;margin-bottom:35px}details{border-bottom:1px solid var(--line)}summary{padding:21px 0;cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;line-height:1}details[open] summary:after{content:'−'}details p{padding-bottom:24px;max-width:720px;font-size:15px}.final-call{background:var(--blue);text-align:center;padding:65px 24px;border-top:1px solid var(--line)}.final-call h2{max-width:850px;margin:auto;font-size:clamp(2.6rem,4.5vw,4.5rem)}.final-call p{margin:20px 0}.final-call .actions{justify-content:center}footer{background:var(--ink);color:var(--cream);padding:35px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row p{font-size:12px;max-width:360px}.footer-row a{font-size:13px}.footer-row .brand{font-size:18px}
dialog{border:1.5px solid var(--ink);border-radius:22px;padding:0;width:min(580px,calc(100% - 28px));max-height:90vh;background:var(--cream);color:var(--ink);box-shadow:8px 8px 0 #233e5040}dialog::backdrop{background:#142d42a6}.dialog-body{padding:38px}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:26px;color:var(--ink);width:38px;height:38px}.dialog-body h2{font-size:2.2rem;padding-right:24px;margin-bottom:20px}.dialog-body p{margin-bottom:16px}.dialog-body label{display:block;font-size:14px;font-weight:800;margin:16px 0 7px}.dialog-body select,.dialog-body textarea{width:100%;border:1px solid var(--ink);border-radius:9px;padding:10px;background:white;color:var(--ink)}.dialog-body textarea{height:125px;resize:vertical;font-weight:400;font-size:14px}.dialog-body .actions{margin-top:17px}.dialog-body .small{color:#53636e}.dialog-notice{background:#f7f49585;padding:12px;border-radius:10px;font-size:13px;margin-top:17px}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nojs{background:var(--yellow);padding:20px;text-align:center}
@media(min-width:1600px){.wrap{max-width:1380px}.hero-grid{min-height:730px}.hero-art{height:550px}}
@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.navlinks{gap:17px}.hero-grid{gap:22px;min-height:590px}.hero-art{height:440px}.badge{width:95px;height:95px;font-size:13px}.sponsor-grid{gap:40px}.sponsor-card{padding:26px}.story-body{padding:22px}.shop-intro{gap:40px}.product-body{padding:20px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:22px}.nav{height:77px}.brand{font-size:17px}.brand-icon{font-size:32px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:77px;background:var(--cream);padding:22px;border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px}.navlinks .shop-link{margin-top:8px;text-align:center}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:55px;gap:30px}.hero h1{font-size:clamp(3.4rem,12vw,5rem);max-width:540px}.hero p.bodycopy{font-size:16px;max-width:430px}.hero-art{height:440px;max-width:480px;width:100%;margin:auto}.hero-photo{width:72%;right:5%;height:98%}.cat-photo{left:1%;bottom:5px;width:40%}.badge{top:20px;left:8%;width:103px;height:103px}.spark{right:0;bottom:-10px;font-size:67px}.photo-caption{right:38px;bottom:-7px}.ticker{gap:15px;font-size:11px;flex-wrap:wrap;padding:14px}.ticker b{font-size:18px}.ticker .last{display:none}.intro{padding-top:50px;padding-bottom:50px}.intro p{font-size:16px}.section{padding-block:60px}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:22px;max-width:500px}.adopt-grid,.sponsor-grid,.shop-intro{grid-template-columns:1fr;gap:34px}.adopt-content h3{font-size:2.1rem}.adopt-photo{max-width:550px}.sponsor-card{margin:10px 5px 0;transform:rotate(1deg)}.sponsor .bodycopy{font-size:16px}.story-grid{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:115px 1fr}.story-art{height:100%;min-height:235px;padding:10px}.story-art .symbol{font-size:78px}.story-art .tiny{writing-mode:vertical-rl;left:10px;font-size:8px}.story-body h3{font-size:1.55rem}.story-body{padding:23px}.shop-intro{gap:34px}.guau-brand{max-width:380px;padding:25px;margin:0 auto;width:95%}.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.product:first-child[hidden]{display:none}.product:first-child .product-image img{height:100%;aspect-ratio:1/1.3}.product-body{padding:17px}.product-body h3{font-size:1.35rem}.product-body .btn{font-size:12px;min-height:44px;padding:10px}.product-body p{font-size:12px}.product-image .tag{font-size:9px;top:10px;left:8px;padding:4px 8px}.filterbar{flex-wrap:wrap;margin-top:25px}.filters button{padding:8px 17px;font-size:13px}.shop-foot{display:block}.shop-foot p+p{margin-top:12px}.faq{padding:55px 22px}.faq h2{font-size:2.3rem}.footer-row{align-items:flex-start;flex-direction:column}.review{font-size:10px}.dialog-body{padding:33px 23px}.dialog-body h2{font-size:1.9rem}}
@media(max-width:370px){.hero-art{height:360px}.hero h1{font-size:3.1rem}.product-grid{grid-template-columns:1fr}.product:first-child{display:flex}.product:first-child .product-image img{aspect-ratio:1;height:auto}.story-card{grid-template-columns:85px 1fr}.story-body{padding:19px}.btn{padding-inline:20px}.amounts{gap:5px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Mobile layout: photos stay in document flow and never cover the copy. */
@media(max-width:760px){
 .hero-grid{display:block;padding-top:32px;padding-bottom:35px;min-height:0}
 .hero h1{font-size:clamp(2.5rem,10.7vw,3.8rem);line-height:1.06;letter-spacing:-.045em}
 .hero .eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.6}
 .hero .actions{display:flex;gap:10px;margin-top:22px}
 .hero .actions .btn{padding:11px 17px;font-size:13px;min-height:46px}
 .hero-art{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;max-width:480px;height:auto;min-height:0;margin:30px auto 0;isolation:isolate}
 .hero-art .hero-photo,.hero-art .cat-photo{position:static;inset:auto;display:block;width:100%;max-width:100%;height:clamp(180px,58vw,280px);min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none;border:4px solid var(--cream);border-radius:100px 100px 16px 16px;box-shadow:none;margin:0}
 .hero-art .cat-photo{object-position:48% center}
 .hero-art .badge,.hero-art .spark{display:none}
 .hero-art .photo-caption{position:static;inset:auto;grid-column:1/-1;justify-self:center;transform:none;margin:0;padding:6px 18px;font-size:12px}
 .product-grid .product-image img{height:auto;aspect-ratio:1/1;object-fit:cover}
 .product:first-child .product-image img{height:100%;min-height:0;aspect-ratio:auto}
 .adopt-photo img{height:auto;aspect-ratio:1.15;object-fit:cover}
 .menu{color:var(--ink)}
}
@media(max-width:370px){.product:first-child .product-image img{height:auto;aspect-ratio:1}}

/* Native disclosure keeps the menu usable without JavaScript. */
header .nav{position:relative}
.site-menu{position:relative;border:0;flex-shrink:0}
.site-menu>.menu{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:10px 17px;border:1.5px solid var(--ink);border-radius:24px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:800;line-height:1.5;cursor:pointer}
.site-menu>.menu::-webkit-details-marker{display:none}
.site-menu>.menu:after{content:none}
.site-menu[open]>.menu{background:var(--ink);color:var(--cream)}
.site-menu>.navlinks{display:none;position:absolute;left:auto;right:0;top:calc(100% + 12px);width:270px;max-width:calc(100vw - 44px);padding:12px;background:var(--cream);border:1.5px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 #233e5030;z-index:30}
.site-menu[open]>.navlinks{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.site-menu .navlinks a{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:14px 17px;border-radius:10px;text-decoration:none;text-align:left;color:var(--ink);font-size:15px}
.site-menu .navlinks a:hover,.site-menu .navlinks a:focus-visible{background:var(--blue)}
.site-menu .navlinks .shop-link{background:var(--yellow);border:1px solid var(--ink)}
@media(max-width:370px){.site-menu>.menu{padding:9px 12px;font-size:12px}.nav{gap:9px}.brand{font-size:15px}.brand small{font-size:8px}}

/* Brand header: both supplied logos keep their exact aspect ratios. */
.brand-logos{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;max-width:calc(100% - 110px)}
.brand-logos img{display:block;object-fit:contain;object-position:center;width:auto;height:55px;max-width:38vw;border-radius:8px}
.brand-logos .foundation-logo{background:#09bee9}
.brand-logos .guau-header-logo{height:62px;background:#f5a7d3}
.logo-divider{font-size:22px;font-weight:800;color:var(--ink);opacity:.5;line-height:1}
@media(max-width:760px){.brand-logos{gap:6px;max-width:calc(100% - 100px)}.brand-logos img{height:42px;max-width:34vw;border-radius:5px}.brand-logos .guau-header-logo{height:46px}.logo-divider{font-size:16px}.site-menu>.menu{padding:9px 12px;font-size:12px}}
@media(max-width:370px){.brand-logos{gap:4px}.brand-logos img{height:34px;max-width:31vw}.brand-logos .guau-header-logo{height:36px}.logo-divider{font-size:13px}.site-menu>.menu{padding:8px 9px;font-size:11px}}

/* Header finish: transparent logo artwork over a soft blush background. */
header{background:#f8d9e7}
.brand-logos{padding:8px 14px;background:#f8d9e7;border-radius:40px;gap:14px}
.brand-logos img{height:52px;max-width:38vw;object-fit:contain;border-radius:0;background:transparent}
.brand-logos .foundation-logo{height:54px;padding:6px 9px;background:#214d76;border-radius:17px}
.brand-logos .guau-header-logo{height:56px;padding:2px 0}
.logo-divider{color:#214d76}
.site-menu>.menu{background:#f8d9e7}
@media(max-width:760px){header{background:#f8d9e7}.brand-logos{padding:5px 8px;gap:6px}.brand-logos img{height:39px;max-width:35vw}.brand-logos .foundation-logo{height:40px;padding:4px 6px;border-radius:11px}.brand-logos .guau-header-logo{height:42px}.site-menu>.menu{background:#f8d9e7}}
@media(max-width:370px){.brand-logos{padding:4px 5px;gap:4px}.brand-logos img{height:32px;max-width:32vw}.brand-logos .foundation-logo{height:33px;padding:3px 5px}.brand-logos .guau-header-logo{height:34px}}

/* Logos truly isolated: no colored rectangles behind either mark. */
header{background:#f8d9e7}
.brand-logos{background:transparent;padding:8px 14px;gap:14px}
.brand-logos img{background:transparent!important;border-radius:0!important;object-fit:contain}
.brand-logos .foundation-logo{height:54px;padding:0;filter:none;}
.brand-logos .guau-header-logo{height:56px;padding:0;filter:none}
.logo-divider{color:#214d76}
.site-menu>.menu{background:#f8d9e7}
@media(max-width:760px){.brand-logos{background:transparent;padding:5px 8px;gap:6px}.brand-logos .foundation-logo{height:40px;padding:0}.brand-logos .guau-header-logo{height:42px;padding:0}.site-menu>.menu{background:#f8d9e7}}
@media(max-width:370px){.brand-logos{padding:4px 5px;gap:4px}.brand-logos .foundation-logo{height:33px}.brand-logos .guau-header-logo{height:34px}}

/* Carrusel de animales que buscan padrino */
.padrinos-showcase{margin-top:34px}.showcase-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.showcase-head>span{font-size:.78rem;letter-spacing:.04em}.padrinos-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px 0;scrollbar-width:thin}.padrino-pet{flex:0 0 min(390px,88%);display:grid;grid-template-columns:42% 1fr;background:#d9c9ef;border:1px solid rgba(33,77,118,.25);border-radius:20px;overflow:hidden;scroll-snap-align:start;box-shadow:0 8px 18px rgba(33,77,118,.12)}.padrino-pet img{width:100%;height:100%;min-height:230px;object-fit:cover}.padrino-pet-info{padding:18px;color:var(--ink)}.padrino-pet-info h3,.pet-coming h3{font-size:1.25rem;margin:5px 0 8px}.padrino-pet-info p:not(.eyebrow),.pet-coming p:not(.eyebrow){font-size:.9rem;line-height:1.4}.pet-sponsor-btn{margin-top:14px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:11px 14px;font-weight:800;cursor:pointer}.pet-coming{display:flex;align-items:center;padding:24px;background:#d7eef6;grid-template-columns:1fr}.pet-coming>div{max-width:250px}.pet-icon{font-size:3rem;color:var(--pink)}
@media(max-width:760px){.padrinos-showcase{margin-top:26px}.padrino-pet{flex-basis:88%;grid-template-columns:40% 1fr}.padrino-pet img{min-height:210px}.showcase-head{align-items:flex-start;flex-direction:column;gap:3px}}

/* Formas de ayudar: adopción y donaciones */
.ways-to-help{background:#f7e4df}.help-head{margin-bottom:28px}.help-head h2 span{color:var(--ink)}.help-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.help-card{background:#fffaf5;border:1px solid rgba(33,77,118,.18);border-radius:22px;overflow:hidden;box-shadow:0 8px 18px rgba(33,77,118,.08)}.help-art{height:180px;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:800;color:var(--ink)}.art-paws{background:linear-gradient(135deg,#bde7f4,#f7f495)}.art-hands{background:linear-gradient(135deg,#f8d9e7,#cfeefa)}.art-heart{background:linear-gradient(135deg,#d5ecf5,#f8d9e7)}.help-card-body{padding:22px}.help-card-body h3{font-size:1.35rem;margin:6px 0 8px}.help-card-body p:not(.eyebrow){font-size:.95rem;line-height:1.5;color:#3c5261}.help-btn{display:inline-block;margin-top:14px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 17px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.donate-help .help-btn{background:#002fb3}.adopt-help .help-btn{background:#e38b64}.volunteer-help .help-btn{background:#257f75}@media(max-width:760px){.help-cards{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:10px}.help-card{flex:0 0 86%;scroll-snap-align:start}.help-art{height:155px}}

.adoption-board{margin:0 0 34px}.adoption-board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}.adoption-board-head h3{font-size:1.5rem;margin-top:4px}.adoption-board-head>span{font-size:.78rem}.adoption-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px 0}.adoption-profile{flex:0 0 min(300px,82%);min-height:310px;border-radius:20px;padding:23px;scroll-snap-align:start;background:#f8d9e7;border:1px solid rgba(33,77,118,.18);display:flex;flex-direction:column;justify-content:flex-end}.profile-yellow{background:#f7f495}.profile-blue{background:#d2edf6}.profile-symbol{font-size:4.2rem;color:#002fb3;margin-bottom:auto}.adoption-profile h3{font-size:1.35rem;margin:5px 0 7px}.adoption-profile p:not(.eyebrow){font-size:.9rem;line-height:1.45}.profile-btn{align-self:flex-start;margin-top:14px;padding:10px 14px;border-radius:999px;background:#002fb3;color:#fff;text-decoration:none;font-weight:800;font-size:.88rem}.profile-yellow .profile-btn{background:#e38b64}.profile-blue .profile-btn{background:#2d9d91}@media(max-width:760px){.adoption-board-head{align-items:flex-start;flex-direction:column;gap:3px}.adoption-profile{flex-basis:82%}}

.carousel-squares{display:flex;align-items:center;gap:6px;margin-top:10px}.carousel-squares span{display:block;width:8px;height:8px;border-radius:2px;background:rgba(247,244,149,.45);border:1px solid rgba(255,255,255,.55)}.carousel-squares span.is-active{width:24px;background:var(--yellow);border-color:var(--yellow)}.adoption-board .carousel-squares span{background:rgba(33,77,118,.22);border-color:rgba(33,77,118,.35)}.adoption-board .carousel-squares span.is-active{background:var(--blue);border-color:var(--blue)}
.cute-detail{display:inline-block;width:1em;height:1em;vertical-align:-.12em;overflow:visible;flex-shrink:0}.sponsor-star{font-size:68px;right:8px;top:-37px;text-shadow:none;color:#c8b5e5;pointer-events:none}.sponsor-star .cute-detail{filter:drop-shadow(0 3px 0 #233e5020)}
.checker-divider{height:44px;width:100%;background-color:var(--checker-light);background-image:conic-gradient(var(--checker-dark) 25%,transparent 0 50%,var(--checker-dark) 0 75%,transparent 0);background-size:44px 44px;pointer-events:none}.checker-padrinos{--checker-light:#d9c9ef;--checker-dark:#233e50}.checker-guau{--checker-light:#f8d9e7;--checker-dark:#596bb4}@media(max-width:760px){.checker-divider{height:32px;background-size:32px 32px}}
.line-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.hero .actions .btn{background:#ffad72;color:#233e50;border-color:#233e50;box-shadow:4px 5px 0 #233e5020}.hero .actions .btn.light{background:#cdb4ef;color:#233e50}.hero .actions .btn:hover{background:#ffbe8f}.hero .actions .btn.light:hover{background:#dbc8f5}.btn:focus-visible{outline:3px solid #002fb3;outline-offset:5px}
.hero h1 em{color:#cdb4ef;-webkit-text-stroke:1px #78629b;text-shadow:0 2px 0 #78629b22}
.intro-quote{max-width:900px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-style:italic;font-weight:400;line-height:1.22;letter-spacing:-.035em;text-wrap:balance}.intro-quote span{color:#78629b}.intro-quote::after{content:"";display:block;width:68px;height:4px;border-radius:4px;background:#cdb4ef;margin:26px auto 0}
.sponsor-card .sponsor-commitment{margin:16px 0 24px;line-height:1.45}.sponsor-card label[for="custom-amount"]{display:block;margin-bottom:8px}
.site-menu>.menu,.site-menu[open]>.menu{width:78px;height:78px;padding:0;border:0;border-radius:0;justify-content:center;gap:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22%23fff0f5%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2237%22%2F%3E%3Ccircle%20cx%3D%2282.00%22%20cy%3D%2250.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2277.71%22%20cy%3D%2266.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2266.00%22%20cy%3D%2277.71%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2282.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2234.00%22%20cy%3D%2277.71%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2222.29%22%20cy%3D%2266.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2218.00%22%20cy%3D%2250.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2222.29%22%20cy%3D%2234.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2234.00%22%20cy%3D%2222.29%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2250.00%22%20cy%3D%2218.00%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2266.00%22%20cy%3D%2222.29%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%2277.71%22%20cy%3D%2234.00%22%20r%3D%2217%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;color:#c54b22;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:filter .2s}.site-menu>.menu>span{display:none}.site-menu>.menu:hover,.site-menu[open]>.menu{filter:drop-shadow(0 3px 0 #cdb4ef88)}.site-menu>.menu:focus-visible{outline:2px solid #002fb3;outline-offset:3px;border-radius:50%}@media(max-width:760px){.site-menu>.menu,.site-menu[open]>.menu{width:62px;height:62px;font-size:11px}.site-menu>.navlinks{top:calc(100% + 8px)}}

.padrino-pet{min-height:430px}
.padrino-pet-info{display:flex;flex-direction:column;min-width:0}
.pet-sponsor-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:18px;text-decoration:none;white-space:nowrap;position:static}
.padrino-pet:nth-child(4n+1){background:#d9c9ef}.padrino-pet:nth-child(4n+2){background:#f7d2c7}.padrino-pet:nth-child(4n+3){background:#d7eef6}.padrino-pet:nth-child(4n+4){background:#e4edcd}

#sponsor-manual-message{width:100%;margin-top:10px;padding:14px;border:1px solid var(--ink);border-radius:12px;font:inherit;background:var(--cream);color:var(--ink)}#sponsor-form .btn{width:100%;margin:20px 0 12px}#sponsor-error{margin-top:12px}

.adoption-profile.adoption-animal{padding:0;overflow:hidden;justify-content:flex-start;background:#d9c9ef}
.adoption-portrait{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.adoption-info{padding:22px;display:flex;flex-direction:column;flex:1;gap:10px}
.adoption-info .eyebrow{margin-bottom:0;font-size:11px}
.adoption-info h3{font-size:1.8rem;margin:0}
.adoption-info .profile-btn{display:inline-flex;justify-content:center;margin-top:10px;background:#ffad75;color:var(--ink)}

.adoption-rail>.adoption-animal:nth-child(n+5){display:none}
