/*
Theme Name: Mexiquito
Description: Tema de bloques para Santuario Hogar Guadalupano. Preparado para revisión en staging.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: mexiquito
*/
body{background:#fffdf7;color:#183b35;font-family:"DM Sans",Arial,sans-serif}h1,h2,h3{font-family:Fraunces,Georgia,serif;text-wrap:balance}h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.03}h2{font-size:clamp(1.8rem,3vw,3rem)}p{line-height:1.75}a{color:#165a9e;text-underline-offset:.2em}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #165a9e;outline-offset:4px}summary{cursor:pointer;padding:1rem;font-size:1.2rem;min-height:44px}.wp-block-details{border-top:1px solid #ccd5ce;margin-block:1.4rem}.wp-block-details> :not(summary){margin-inline:1rem}.mex-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;padding-block:4rem}.mex-hero figure img{max-height:540px;object-fit:contain;border-radius:16px}.mex-languages{display:flex;justify-content:flex-end;gap:1.5rem}.mex-section{padding-block:2rem;border-top:1px solid #d9dfd3}.mex-purpose{background:#124574;color:white;padding:clamp(1.5rem,5vw,4rem);border-radius:18px;margin-block:3rem}.mex-purpose a{color:white}.mex-gallery,.mex-memorial,.mex-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:3rem}.mex-gallery img{max-height:400px;object-fit:contain}.mex-memorial img{height:320px;width:100%;object-fit:contain;border-radius:8px}.mex-memorial figcaption{font-size:1rem;text-align:center}.mex-signoff{display:flex;gap:1.5rem;align-items:center}.mex-portrait img{width:200px;height:auto}.mex-signature img{width:62px;height:48px;object-fit:contain}.mex-person img{height:250px;width:100%;object-fit:contain}.mex-volunteer-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mex-volunteer-option{border-top:3px solid #72b643;padding-block:1rem}.mex-finance-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dfd3;gap:1rem}.mex-finance-row h3{font-family:"DM Sans",Arial,sans-serif;font-size:1rem}.mex-finance-row p{font-size:1.4rem;font-weight:bold;color:#165a9e;white-space:nowrap}.mex-tabs-controls{display:flex;gap:1rem;margin-block:1.5rem}.mex-tabs-controls button{font:inherit;padding:.8rem 1.3rem;background:#fff;border:1px solid #165a9e;border-radius:30px;color:#165a9e;min-height:44px}.mex-tabs-controls [aria-selected=true]{background:#165a9e;color:#fff}.mex-finance-panel[hidden]{display:none}.mex-finance-panel{padding:1.2rem;border:1px solid #d9dfd3;border-radius:16px}.mex-finance-bar{height:8px;border-radius:4px;background:#009bb2;max-width:100%;margin-bottom:1rem}.mex-header{padding-block:1rem;border-bottom:1px solid #d9dfd3}.mex-header .wp-block-site-title{font-family:Fraunces,Georgia,serif}.mex-footer{background:#eef2e6;padding:2rem;margin-top:4rem} .wp-block-navigation__responsive-container.is-menu-open{padding:2rem} @media(max-width:700px){.mex-hero,.mex-gallery,.mex-memorial,.mex-team,.mex-volunteer-options{grid-template-columns:1fr}.mex-hero{padding-block:2rem;gap:1rem}.mex-gallery img{width:100%}.mex-finance-row{align-items:start}.mex-finance-row h3{max-width:70%}.mex-purpose{border-radius:12px}.mex-header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@font-face{font-family:"DM Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/dm-sans.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces.woff2) format("woff2")}

/* Keep native theme defaults from making the site title a second hero. */
.mex-header .wp-block-site-title{font-size:1.35rem;line-height:1.2;max-width:26ch;margin:0}
.mex-header .wp-block-site-title a{text-decoration:none;color:inherit}
.mex-languages>p{margin:0!important;flex:0 0 auto}
.mex-hero:has(>.mex-hero-copy:only-child){grid-template-columns:1fr;max-width:900px}
.mex-hero-copy>h1{margin-block:1rem 1.5rem}
.mex-hero-copy>p{max-width:65ch}
/* Keep the site's existing sharing controls in document flow on small screens. */
.heateor_sss_vertical_sharing{position:static!important;inset:auto!important;margin:2rem auto!important;width:auto!important;max-width:100%!important}