:root{--cream:#fcf6eb;--site-cream:#fcf6eb;--site-rule:#e1d3bd}
body,header,.hero,.subhero,.ess-hero,.submain,.story-photo{background-color:var(--site-cream)}
header{border-bottom-color:var(--site-rule)}
.brand img{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.home-page #nosotros,.home-page #agenda,.home-page #directorio,.home-page #contacto{background:var(--site-cream)}
.home-page #agenda,.home-page #directorio,.home-page #contacto{border-top:1px solid var(--site-rule)}
.home-page .agenda-preview .panel,.home-page .founders-grid .panel.person{background:#fffaf2}
.home-page .hero-art img{mix-blend-mode:multiply}
a.action-button,.founders-grid .person a.action-button,.story-photo a.action-button,.agenda-preview .panel>a.action-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:46px;width:fit-content;max-width:100%;padding:12px 21px;border:1px solid transparent;border-radius:28px;background:#790c2b;color:#fff;font:700 13px/1.4 Platin,'Century Gothic',sans-serif;text-align:center;text-decoration:none;text-underline-offset:0;white-space:normal}
a.action-button:hover,.founders-grid .person a.action-button:hover,.story-photo a.action-button:hover,.agenda-preview .panel>a.action-button:hover{background:#590d25;color:#fff;text-decoration:none}
a.back.action-button,.profile-return a.action-button{background:#3e3b3b;color:#fff;font-size:12px}
a.back.action-button:hover,.profile-return a.action-button:hover{background:#252323;color:#fff}
a.action-button:focus-visible{outline:3px solid #b18a47;outline-offset:4px}
/* Keep the paired directory actions aligned and preserve their two colors. */
.team-links a.action-button{display:inline-flex;width:auto;min-width:0;min-height:44px;padding:11px 12px;font-size:12px;white-space:nowrap}
.team-links a.team-whatsapp{background:#3e3b3b;color:#fff}

.brand img,.home-page .hero-art img{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}
a.back.action-button{padding:14px 27px;min-height:48px;line-height:1.5;margin-bottom:24px}
/* Shared typography, alignment and touch targets across every page. */
header{padding:13px max(6vw,calc((100vw - 1240px)/2));align-items:center;gap:28px}
header .brand img{width:112px;height:auto}
header nav{gap:25px;font-size:13px;line-height:1.5}
header nav .button[aria-current="page"]{color:#fff;text-decoration:none}
.profile h1{font-size:clamp(38px,4.5vw,60px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 26px;text-wrap:balance}
.profile-intro p,.profile-body p,.profile-body li{line-height:1.75}
.profile-body>h2{line-height:1.25;letter-spacing:-.03em}
a.button{min-height:48px;line-height:1.4;font-size:13px;max-width:100%;text-align:center}
a.button,a.action-button{overflow-wrap:anywhere}
main h1,main h2,main h3{overflow-wrap:break-word}
footer{align-items:center;line-height:1.6}
@media(max-width:1000px) and (min-width:851px){header nav{gap:16px}}
@media(max-width:850px){
 header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;padding:12px 6%;gap:0}
 header .brand{margin:0}
 header .brand img{width:94px}
 header .mobile-menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;border:1px solid #c8b293;border-radius:4px;background:var(--site-cream);color:#790c2b;font:700 14px/1.4 Platin,sans-serif;padding:10px 13px;cursor:pointer}
 header .mobile-menu-toggle[aria-expanded="true"]{background:#790c2b;border-color:#790c2b;color:#fff}
 header nav{display:none;flex-basis:100%;width:100%;padding:15px 0 8px;align-items:stretch;gap:0}
 header nav.is-open{display:flex;flex-direction:column}
 header nav a:not(.button){display:block;min-height:44px;padding:12px 0;border-top:1px solid #e1d3bd;font-size:15px;line-height:1.5}
 header nav .button{align-self:flex-start;margin-top:12px}
 .profile-intro{min-width:0}
 .profile-intro>div{min-width:0}
 input,select,textarea{font-size:16px}
}
@media(max-width:360px){.team-card{padding:20px}.team-links{gap:6px}.team-links a.action-button{padding:11px 8px;font-size:11px}.team-links a.team-whatsapp{padding:11px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
main>section,.subhero,.ess-hero{padding-inline:max(6vw,calc((100vw - 1240px)/2))}
footer{padding-inline:max(6vw,calc((100vw - 1240px)/2))}
@media(max-width:700px){header{padding-inline:7vw}main>section,.subhero,.ess-hero,footer{padding-inline:7vw}}

/* Shared collaboration block: authentic partner artwork, matching page rhythm. */
.collaboration{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:88px;background:var(--site-cream);border-top:1px solid var(--site-rule)}
.collaboration-logo{display:flex;align-items:center;justify-content:center;padding:16px 0}
.collaboration-logo img{display:block;width:min(100%,340px);height:auto;aspect-ratio:9/5;object-fit:contain}
.collaboration-copy{min-width:0}
.collaboration-copy h2{font:400 clamp(30px,3.2vw,44px)/1.16 Platin,sans-serif;letter-spacing:-.035em;color:#50302e;margin:16px 0 24px;max-width:650px}
.collaboration-copy p{font-size:17px;line-height:1.8;margin:0 0 18px;max-width:720px}
.collaboration-copy .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;margin-top:10px;padding:14px 24px;border-radius:32px;background:#790c2b;color:#fff;font:700 13px/1.5 Platin,sans-serif;text-align:center;text-decoration:none}
.collaboration-copy .button:hover{background:#51081f}
.collaboration-compact{grid-template-columns:minmax(180px,.5fr) minmax(0,1.5fr);padding-block:56px;gap:clamp(32px,5vw,72px)}
.collaboration-compact .collaboration-logo img{max-width:240px}
.collaboration-compact .collaboration-copy h2{font-size:clamp(28px,2.5vw,34px);margin-bottom:18px}
.profile-body h3{font-size:23px;line-height:1.35;margin:30px 0 14px}
@media(max-width:700px){.collaboration,.collaboration-compact{grid-template-columns:1fr;gap:24px;padding-block:54px}.collaboration-logo{justify-content:flex-start;padding:0}.collaboration-logo img,.collaboration-compact .collaboration-logo img{width:220px;max-width:100%}.collaboration-copy h2{font-size:32px}.collaboration-copy p{font-size:16px}.collaboration-copy .button{font-size:12px;padding-inline:20px}}

/* Small decorative hearts echo the heart tree without competing with the copy. */
.heart-accent{display:block;width:24px;height:23px;margin:0 0 18px;flex:none;transform:rotate(-9deg);pointer-events:none}
.profile-body>.heart-accent{margin-top:26px;margin-bottom:20px}
.footer-motto{display:inline-flex;align-items:center;gap:10px}
.heart-footer{display:block;width:16px;height:16px;flex:none;pointer-events:none}
@media(max-width:700px){.heart-accent{width:21px;height:20px;margin-bottom:16px}.footer-motto{gap:8px}}

.brand img,.hero-art img,.ess-tree img,.team-card img,.collaboration-logo img{height:auto}