@import url('fonts.css');
:root{--brick:#a55349;--clay:#c38b69;--sand:#e8d5aa;--sage:#739b8d;--lavender:#d2c8dc;--peach:#eab6a2;--blue:#a9c1dc;--warm:#f5f1ee;--ink:#6b554e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 1rem/1.65 'Raleway',sans-serif;background:#fff}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo,.nav,.eyebrow{font-family:'Comfortaa',sans-serif;font-weight:400}h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.15}h2{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.25}h3{font-size:1.35rem;line-height:1.3}.container{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:.7rem;z-index:20}.skip:focus{left:1rem}.header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px #60443b12}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{font-size:2.2rem;color:var(--brick);letter-spacing:-.13em;text-decoration:none;line-height:1}.logo span{color:var(--clay)}.logo small{display:block;letter-spacing:0;font-size:.55rem;color:var(--ink);text-align:right;margin-top:.25rem}.nav{display:flex;gap:2rem;align-items:center;font-size:.86rem}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--brick);text-decoration:underline;text-underline-offset:.3em}.menu-button{display:none;border:1px solid var(--brick);background:#fff;color:var(--brick);padding:.55rem .75rem;border-radius:4px;font:inherit}.hero{position:relative;min-height:clamp(320px,40vw,580px);display:flex;align-items:center;background:#eee}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2d251f80,transparent 65%)}.hero-content{position:relative;z-index:1;color:white}.hero-content h1{max-width:10ch}.page-hero{min-height:400px}.intro{background:var(--clay);color:white;padding:5rem 0}.intro h2{color:#a8554f}.intro p{max-width:68ch;font-size:1.13rem}.story-title{background:#bea69d;color:white;padding:2.2rem 0}.story-title h2{margin:0}.story-grid{display:grid;grid-template-columns:1.45fr 1fr;background:#b9a099}.story-grid img{width:100%;height:100%;object-fit:cover}.story-grid blockquote{margin:0;padding:3rem;align-self:center;color:#fff;font:1.4rem/1.5 'Comfortaa',sans-serif}.approach{background:var(--warm);padding:6rem 0}.approach-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:4rem;align-items:center}.approach h2{color:var(--brick)}.approach img{width:100%;height:420px;object-fit:cover}.team{padding:5rem 0}.team h2{color:var(--brick)}.people{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.person img{aspect-ratio:3/4;object-fit:contain;object-position:bottom;background:var(--warm);width:100%}.person h3{font:1rem 'Raleway',sans-serif;color:var(--brick);margin:.8rem 0 .1rem}.person p{font-size:.86rem}.contact{padding:3rem 0;background:var(--warm)}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center}.contact h2{color:var(--brick);margin:0}.contact a{display:inline-block;color:var(--brick);font-size:1.5rem;text-decoration:none;margin-top:.5rem}.footer{background:var(--brick);color:#fff;padding:4rem 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.footer .logo{color:#f2ded5;font-size:3rem}.footer .logo span{color:#dfad81}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer small{display:block;margin-top:2rem;opacity:.8}.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-intro{padding:4.5rem 0}.service-intro h2{color:var(--sage)}.service{padding:5rem 0}.service:nth-of-type(even){background:var(--warm)}.service-head{display:flex;align-items:center;gap:1.1rem;margin-bottom:2.4rem}.service-head h2{margin:0;color:var(--accent)}.icon{height:3.5rem;width:3.5rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font:2rem 'Comfortaa',sans-serif}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.service-layout img{width:100%;height:340px;object-fit:cover;border-radius:3px}.lead{font:1.25rem/1.45 'Comfortaa',sans-serif;color:var(--accent)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.service-cards article{border-top:1px solid var(--accent);padding-top:1rem}.service-cards h3{color:var(--accent)}.service-cards p{font-size:.95rem}.two-cards{grid-template-columns:repeat(2,1fr)}.program{--accent:var(--lavender)}.program.prest{--accent:var(--peach)}.program.water{--accent:var(--blue)}.program.workshops{--accent:#c9bdb2}.workshop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem;margin-top:3rem}.workshop-grid article{border-top:1px solid #c9bdb2;padding-top:1rem}.workshop-grid h3{color:#99897e}.back-link{display:inline-block;margin-top:2rem;color:var(--brick)}:focus-visible{outline:3px solid #234e75;outline-offset:3px}@media(max-width:800px){.header-inner{min-height:72px}.menu-button{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:1rem 1.5rem 1.5rem;box-shadow:0 10px 12px #60443b16;flex-direction:column;align-items:stretch;gap:.8rem}.nav.open{display:flex}.hero{min-height:390px}.page-hero{min-height:330px}.story-grid,.approach-grid,.contact-grid,.footer-grid,.service-layout{grid-template-columns:1fr}.story-grid img{max-height:400px}.story-grid blockquote{padding:2rem}.people{grid-template-columns:repeat(2,1fr)}.service-cards{grid-template-columns:1fr}.two-cards,.workshop-grid{grid-template-columns:1fr 1fr}.service-layout{gap:1.5rem}.service-layout img{height:290px}.footer-contact{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(100% - 2rem,1180px)}.intro,.approach,.team,.service{padding:3.5rem 0}.people{gap:.8rem}.person h3{font-size:.9rem}.person p{font-size:.75rem}.two-cards,.workshop-grid{grid-template-columns:1fr}.hero-content h1{font-size:3.2rem}.contact a{font-size:1.2rem}}
.approach figure{margin:0}.approach figcaption{padding:.6rem 0;font-size:.85rem;color:var(--brick)}
/* Los círculos conservan los colores pastel del PDF; el texto usa tonos más oscuros para lectura. */
.service[style*="sand"] .service-head h2,.service[style*="sand"] .lead{color:#846d43}.program .service-head h2,.program .lead{color:#796585}.program.prest .service-head h2,.program.prest .lead{color:#ad6955}.program.water .service-head h2,.program.water .lead{color:#5a7696}.program.workshops .service-head h2,.program.workshops .lead,.workshop-grid h3{color:#74685f}
/* Detalles decorativos del PDF. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:0;line-height:1;width:max-content}
.logo-word{letter-spacing:-.13em;white-space:nowrap;padding-right:.13em}
.logo small{display:block;color:var(--ink);font-size:.55rem;line-height:1.2;letter-spacing:0;text-align:center;margin-top:.35rem}
.footer .logo small{color:#f3e0d4;font-size:.84rem;opacity:1;margin-top:.35rem}
.footer .logo{color:#f3e0d4}
.footer .logo-word span{color:#dfad81}
.home-hero .hero-lines{position:absolute;z-index:2;bottom:0;right:clamp(3rem,8vw,9rem);height:43%;display:flex;gap:clamp(1rem,2vw,2rem);pointer-events:none}
.hero-lines span,.footer-lines span{display:block;width:1px;background:#dca36f}
.story-title,.story-grid{background:#bba29b}
.story-grid blockquote{color:#9b554d}
.service-head h2{position:relative;padding:1rem clamp(3rem,6vw,5rem) 1rem .1rem;line-height:1.2}
.service-head h2::after{content:"";position:absolute;inset:0 0 0 auto;width:clamp(3rem,6vw,5rem);border:1px solid var(--accent);border-left:0;border-radius:0 5px 5px 0;pointer-events:none}
.footer-grid{align-items:start}
.footer-decoration{display:flex;justify-content:flex-end;align-items:flex-start;gap:2.5rem;min-height:150px;color:#f3e0d4}
.footer-lines{display:flex;gap:1.5rem;height:140px}
.footer-lines span{height:100%}
.instagram-icon{width:2.5rem;height:2.5rem;flex:none;margin-top:1.2rem}
.footer-legal{font-size:.85rem;color:#f3e0d4;opacity:.9;text-align:right}
@media(max-width:800px){.home-hero .hero-lines,.footer-lines{display:none}.footer-decoration{justify-content:flex-start;min-height:0;margin-top:1rem}.instagram-icon{margin:0}.footer-legal{text-align:left}.service-head h2{padding-right:3.5rem}.service-head h2::after{width:3.5rem}}
.footer-side{display:flex;flex-direction:column;align-items:flex-end}
@media(max-width:800px){.footer-side{align-items:flex-start}}
.header .logo img{width:115px;height:auto}
.footer .logo img{width:160px;height:auto}
.header .logo small{display:none}
.footer .logo small{font-size:.9rem;color:#f3e0d4;margin-top:0}
@media(max-width:800px){.header .logo img{width:95px}.footer .logo img{width:140px}}
.contact-main{padding:5rem 0 6rem;background:#fff}
.contact-main h1{color:var(--brick);margin-bottom:3rem}
.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.contact-page-grid h2{color:var(--brick);font-size:1.7rem}
.contact-location address{font-style:normal;font:1.15rem/1.5 'Comfortaa',sans-serif;color:var(--brick)}
.contact-location p a,.contact-alternative a{color:var(--brick)}
.map{margin-top:2rem;background:var(--warm);border:1px solid #d6c5bb;border-radius:4px;overflow:hidden}
.map iframe{display:block;width:100%;height:370px;border:0}
.map-credit{font-size:.82rem;margin-top:.5rem}
.contact-write{background:var(--warm);padding:2.5rem;border-radius:4px}
.contact-form{display:grid;gap:1.3rem}
.field label{display:block;margin-bottom:.35rem;font-family:'Comfortaa',sans-serif;color:var(--brick)}
.field input,.field textarea{display:block;width:100%;border:1px solid #bca9a0;border-radius:3px;background:white;color:var(--ink);padding:.8rem .9rem;font:inherit}
.field textarea{resize:vertical;min-height:9rem}
.contact-submit{justify-self:start;border:0;border-radius:3px;background:var(--brick);color:white;padding:.85rem 1.5rem;font:1rem 'Comfortaa',sans-serif;cursor:pointer}
.contact-submit:hover{background:#85443d}
.contact-alternative{font-size:.9rem;margin:1.5rem 0 0}
@media(max-width:800px){.contact-page-grid{grid-template-columns:1fr;gap:3rem}.contact-main{padding:3.5rem 0}.contact-write{padding:2rem}.map iframe{height:300px}}
@media(max-width:520px){.contact-write{padding:1.5rem}}
.footer .logo img{filter:brightness(0) invert(.94) sepia(.18) saturate(.45)}