@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap');
:root{--ink:#183c38;--green:#1d6657;--gold:#d59b4d;--cream:#f6f2e9;--paper:#fffdf9;--line:#d9dfd5;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;padding-bottom:66px}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf9ee;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:.82rem}.brand img{width:50px;height:50px;object-fit:contain}.brand b{font-size:1.04rem}.site-header nav{display:flex;gap:clamp(16px,3vw,42px);font-size:.9rem;font-weight:600}.site-header nav a,.header-login,.text-link{transition:color .25s,transform .25s}.site-header nav a:hover,.text-link:hover{color:var(--gold)}.header-login{border:1px solid var(--ink);border-radius:100px;padding:10px 17px;font-size:.82rem}.header-login:hover{background:var(--ink);color:white}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--cream);padding:70px 8vw 86px;overflow:hidden}.hero-copy{max-width:620px}.eyebrow{color:var(--gold);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 18px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(3.1rem,6vw,6.5rem);line-height:.98;font-weight:500;letter-spacing:-.045em;margin:0 0 26px}.hero h1 em{color:var(--green);font-weight:600}.lead{font-size:1.18rem;max-width:530px;color:#49645d}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:20px;border-radius:100px;padding:15px 21px;font-weight:700;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #183c3825}.button-primary{background:var(--green);color:white}.button-light{background:#fff;color:var(--ink)}.button span{font-size:1.2rem}.text-link{font-weight:700;font-size:.9rem}.hero-art{height:440px;position:relative;background:var(--green);border-radius:48% 52% 42% 58%/50% 45% 55% 50%;margin-left:4vw;display:flex;align-items:end;justify-content:center;overflow:hidden}.sun{width:260px;height:260px;border-radius:50%;background:var(--gold);position:absolute;top:45px;right:16%;opacity:.9}.hero-card{position:relative;margin-bottom:46px;background:#fffdf9ea;backdrop-filter:blur(12px);padding:20px 28px;border-radius:18px;display:flex;gap:26px;font-family:'Playfair Display',serif;font-size:1.2rem;box-shadow:0 20px 40px #183c3830}.band,.cards-section{padding:100px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro h2,.section-heading h2,.support h2{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;font-weight:500;margin:0}.intro>p{font-size:1.2rem;max-width:520px;color:#49645d}.cards-section{background:#edf0e8}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{background:var(--paper);padding:34px;border-radius:22px;min-height:220px;transition:transform .3s,box-shadow .3s}.cards article:hover{transform:translateY(-7px);box-shadow:0 15px 30px #183c3812}.icon{font-size:2rem;color:var(--gold)}h3{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:500;margin:20px 0 7px}.cards p{color:#557069;margin:0}.support{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:100px 8vw;align-items:center}.support h2{max-width:650px}.support p:not(.eyebrow){max-width:560px;color:#d9ebe1;font-size:1.15rem}.support-mark{font-family:'Playfair Display',serif;font-size:17rem;line-height:1;color:var(--gold);text-align:center}.fixed-footer{position:fixed;z-index:10;bottom:0;left:0;right:0;background:var(--ink);color:#eaf2ec;min-height:66px;padding:12px 5vw;display:flex;align-items:center;gap:26px;font-size:.82rem}.fixed-footer>span{font-weight:700;margin-right:auto}.fixed-footer a{opacity:.9}.fixed-footer a:hover{color:var(--gold)}.footer-help{background:var(--gold);color:var(--ink);border-radius:100px;padding:9px 16px;font-weight:700}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header{height:76px;padding:0 22px}.brand img{width:43px;height:43px}.header-login{font-size:.75rem;padding:8px 12px}.hero{grid-template-columns:1fr;padding:68px 7vw 72px;min-height:auto}.hero-art{height:280px;margin:55px 0 0}.hero-card{font-size:1rem;gap:14px;padding:15px}.band,.cards-section,.support{padding:70px 7vw}.intro,.support{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:20px}.support-mark{font-size:9rem}.fixed-footer{padding:10px 16px;gap:12px;min-height:62px}.fixed-footer>span,.fixed-footer a:not(.footer-help){display:none}.footer-help{margin-left:auto}.actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.button,.cards article{transition:none}}
.brand img{display:block;aspect-ratio:1 / 1;object-fit:contain;object-position:center;flex:0 0 auto}
.brand span{display:flex;flex-direction:column;gap:3px;line-height:1.05;max-width:280px}.brand span b{font-size:.9rem}.brand span small{font-size:.55rem;letter-spacing:.02em;white-space:nowrap;color:#49645d}
.brand img{width:50px!important;height:50px!important;min-width:50px;min-height:50px;max-width:50px;max-height:50px;flex:0 0 50px;border-radius:50%}
@media(max-width:850px){.brand img{width:43px!important;height:43px!important;min-width:43px;min-height:43px;max-width:43px;max-height:43px;flex-basis:43px}}
.site-header{min-height:96px;height:auto}.brand{min-height:50px;flex:0 0 auto}.brand img{width:50px!important;height:50px!important;min-width:50px;min-height:50px;max-width:50px;max-height:50px;flex:0 0 50px;align-self:center}
@media(max-width:850px){.site-header{min-height:98px;height:auto}.brand{min-height:46px}.brand img{width:44px!important;height:44px!important;min-width:44px;min-height:44px;max-width:44px;max-height:44px;flex-basis:44px}}
@media(max-width:850px){.brand span{max-width:230px}.brand span b{font-size:.78rem}.brand span small{font-size:.46rem;letter-spacing:0}}
.fixed-footer .footer-credit{display:block!important;margin-right:auto!important}
.fixed-footer>.footer-help:not(.footer-credit){display:none!important}
.fixed-footer{min-height:30px;padding:3px 5vw;font-size:.64rem}.fixed-footer>span{line-height:1}body{padding-bottom:30px}@media(max-width:850px){.fixed-footer{min-height:30px;padding:3px 16px}.fixed-footer>span{line-height:1}body{padding-bottom:30px}}
.page-eventos .page-hero-gold{background:#d59b4d}.page-ayudar .page-hero-gold{background:#ead7b5}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.hero-art>.sun{z-index:1;mix-blend-mode:screen}.hero-art>.hero-card{z-index:2}.history-photo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7vw;align-items:center;padding:90px 8vw;background:#edf0e8}.history-photo img{width:100%;height:480px;object-fit:cover;object-position:center;border-radius:28px}.history-photo h2{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;font-weight:500;margin:0 0 20px}.history-photo p:not(.eyebrow){font-size:1.15rem;color:#49645d;max-width:480px}
@media(max-width:850px){.history-photo{grid-template-columns:1fr;padding:70px 7vw}.history-photo img{height:360px}.hero-art{height:360px;margin-top:38px}.hero-photo{object-position:center 35%}}
.hero{position:relative;display:block;min-height:650px;padding-top:112px;background:var(--cream)}.hero-copy{position:relative;z-index:3;max-width:820px;padding:34px 42px 40px;background:linear-gradient(90deg,#f6f2e9f2 0%,#f6f2e9d9 78%,#f6f2e900 100%);border-radius:8px}.hero-art{position:absolute;z-index:1;inset:0;width:auto;height:auto;aspect-ratio:auto;margin:0;border-radius:0;background:transparent}.hero-photo{object-position:center;filter:saturate(.78) contrast(.9) brightness(1.04)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f2e9e8 0%,#f6f2e9b8 42%,#f6f2e91f 100%),linear-gradient(0deg,#183c3829,#f6f2e91a);pointer-events:none}.hero-art>.sun,.hero-art>.hero-card{display:none}
@media(max-width:850px){.hero{min-height:760px;padding-top:68px}.hero-copy{padding:20px 24px 84px;background:linear-gradient(180deg,#f6f2e9ef 0%,#f6f2e9d9 90%,#f6f2e900 100%)}.hero-art{height:100%;aspect-ratio:auto}.hero-photo{object-position:center;filter:saturate(.78) contrast(.9) brightness(1.04)}}
.cards-section{padding-top:64px}
@media(max-width:850px){.cards-section{padding-top:48px}}
.cards-section .cards article:nth-child(1).reveal{transition-delay:0ms}
.cards-section .cards article:nth-child(2).reveal{transition-delay:120ms}
.cards-section .cards article:nth-child(3).reveal{transition-delay:240ms}
@media(prefers-reduced-motion:reduce){.cards-section .cards article.reveal{transition-delay:0ms}}
.mobile-menu-toggle{display:none}
.mobile-operation-link{display:none!important;visibility:hidden!important;pointer-events:none!important}
.header-login{visibility:hidden!important;pointer-events:none!important}
.page-hero{padding:110px 8vw 100px;background:var(--cream)}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(3rem,6vw,6rem);line-height:1.02;max-width:900px;font-weight:500;letter-spacing:-.04em;margin:0 0 25px}.page-hero .lead{max-width:650px}.page-hero-gold{background:var(--gold)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.content-grid h2,.contact-grid h2{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:500;line-height:1.05;margin:0}.content-grid p{font-size:1.16rem;color:#49645d}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:0 8vw}.values>div{background:var(--paper);padding:70px 28px 90px}.values span,.help-number{font-size:.8rem;color:var(--gold);font-weight:700;letter-spacing:.12em}.values h3{font-size:2.2rem}.service-list{padding:55px 8vw 125px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-list article{display:flex;gap:24px;padding:36px;border:1px solid var(--line);border-radius:20px;transition:transform .3s,background .3s}.service-list article:hover{transform:translateY(-5px);background:var(--cream)}.service-list h2,.help-grid h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:500;line-height:1.1;margin:0 0 8px}.service-list p,.help-grid p{margin:0;color:#557069}.service-list .icon{font-size:2.3rem}.help-grid{padding:75px 8vw 130px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.help-grid article{padding:42px;border-radius:22px;background:var(--cream);min-height:250px}.help-grid article:nth-child(2){background:#edf0e8}.help-grid article:nth-child(3){background:#e0ece4}.help-grid article:nth-child(4){background:#f3e1c5}.help-grid h2{margin-top:24px}.help-grid .text-link{display:inline-block;margin-top:28px}.contact-grid{padding:75px 8vw 145px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-grid h2{font-size:3.2rem;margin-bottom:28px}.contact-line{display:block;font-size:1.3rem;color:var(--green);font-weight:700;margin:10px 0}.contact-note{background:var(--cream);border-radius:28px;padding:45px}.contact-note>span{font-size:2.3rem;color:var(--gold)}.contact-note h3{font-size:2.4rem;margin:20px 0 8px}.contact-note p{font-size:1.1rem;color:#557069;margin-bottom:26px}.login-page{background:var(--cream);min-height:100vh;padding:0}.login-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.login-brand{position:absolute;top:30px;left:5vw}.login-card{background:var(--paper);padding:48px;border-radius:28px;width:min(100%,470px);box-shadow:0 24px 70px #183c3812}.login-card h1{font-family:'Playfair Display',serif;font-weight:500;font-size:2.7rem;line-height:1;margin:0 0 14px}.login-card>p:not(.eyebrow){color:#557069;margin-bottom:28px}.login-card form{display:grid;gap:9px}.login-card label{font-weight:700;font-size:.85rem;margin-top:8px}.login-card input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fff}.login-card button{border:0;justify-content:center;margin-top:17px;font:inherit;cursor:pointer}.login-message{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:#e0ece4;color:var(--green);font-size:.9rem}.back-home{margin-top:22px;font-weight:700;font-size:.9rem}.back-home:hover{color:var(--gold)}
@media(max-width:850px){.page-hero{padding:75px 7vw 72px}.content-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.values{grid-template-columns:1fr;padding:0 7vw}.values>div{padding:45px 20px}.service-list,.help-grid{grid-template-columns:1fr;padding:45px 7vw 95px}.login-brand{position:static;margin-bottom:32px}.login-card{padding:32px 24px}.contact-grid h2{font-size:2.8rem}}
.institutional-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;align-items:center;padding:100px 8vw;background:#edf0e8}.institutional-detail-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;font-weight:500;margin:0 0 24px}.institutional-detail-copy>p:not(.eyebrow){font-size:1.08rem;color:#49645d;max-width:560px}.institutional-detail>img{width:100%;height:430px;object-fit:cover;border-radius:28px;filter:saturate(.88)}.institutional-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.institutional-points span{border:1px solid var(--line);border-radius:100px;padding:9px 14px;color:var(--green);font-size:.82rem;font-weight:700;background:var(--paper)}
.values{background:var(--cream);padding:70px 8vw 90px;gap:clamp(28px,6vw,90px);border-top:1px solid var(--line)}.values>div{background:transparent;padding:20px 0 20px}
.values>div>span{display:none}
@media(min-width:851px){.site-header nav{font-size:1rem;gap:clamp(22px,3vw,46px)}.site-header nav a{padding:10px 4px}}
.events-list{display:grid;gap:24px;padding:80px 8vw 140px;background:var(--paper)}.event-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:6vw;align-items:center;padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--cream)}.event-featured{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:18px}.event-image img{display:block;width:100%;height:360px;object-fit:cover;border-radius:20px;filter:saturate(.9)}.event-content{padding:18px}.event-date{color:var(--gold);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.event-card h2{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;font-weight:500;margin:12px 0 20px}.event-card p:not(.event-date):not(.eyebrow){color:#49645d;font-size:1.08rem;max-width:620px}.event-sponsor a{color:var(--green);font-weight:700;text-decoration:underline}.event-mark{font-family:'Playfair Display',serif;color:var(--gold);font-size:12rem;text-align:center;line-height:1}
.events-section{padding:70px 8vw 0;background:var(--paper)}.events-section-heading,.events-section .events-list,.events-empty{max-width:1500px;margin-left:auto;margin-right:auto}.events-section-heading{margin-bottom:24px}.events-section-heading h2{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;font-weight:500;margin:0;color:var(--ink)}.events-section .events-list{padding:0;background:transparent}.events-past-section{padding-top:88px;padding-bottom:140px}.events-empty{margin-top:0;padding:28px 32px;border-radius:20px;background:var(--cream);color:#49645d;font-size:1.05rem}
@media(max-width:850px){.events-list{padding:55px 7vw 100px}.event-card,.event-featured{grid-template-columns:1fr;padding:18px}.event-image img{height:280px}.event-content{padding:16px 8px}.event-mark{font-size:7rem}.event-card h2{font-size:2.5rem}}
@media(max-width:850px){.events-section{padding:55px 7vw 0}.events-section .events-list{padding:0}.events-past-section{padding-top:66px;padding-bottom:100px}.events-empty{padding:22px}}
.login-brand span{font-size:0}.login-brand span b{display:none}.login-brand span::before{content:'Hogar de Ancianos Atenas';display:block;font-size:.9rem;font-weight:700}.login-brand span::after{content:'HORTENSIA RODRIGUEZ S. DE BOLAÑOS';display:block;margin-top:3px;font-size:.55rem;letter-spacing:.02em;white-space:nowrap;color:#49645d}
@media(max-width:850px){.institutional-detail{grid-template-columns:1fr;padding:70px 7vw;gap:36px}.institutional-detail>img{height:300px;order:-1}}
@media(min-width:851px){.hero-copy{top:-80px}}

@media(max-width:850px){
  .header-login{display:none}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:auto;min-height:44px;margin-left:auto;margin-right:0;padding:5px 13px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);flex-direction:row;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
  .mobile-menu-toggle:hover{background:#f4f1e8;border-color:#c9d2c8}
  .mobile-menu-toggle:active{transform:scale(.98)}
  .mobile-menu-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
  .mobile-menu-toggle .mobile-menu-icon{position:relative;display:block;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#f3f1e9;color:transparent;font-size:0;line-height:0;transition:transform .42s cubic-bezier(.2,.75,.25,1)}
  .mobile-menu-toggle .mobile-menu-icon::before,.mobile-menu-toggle .mobile-menu-icon::after{content:"";position:absolute;top:50%;left:50%;width:13px;height:1.5px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}
  .mobile-menu-toggle .mobile-menu-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
  .site-header .mobile-menu-toggle.is-open .mobile-menu-icon{transform:rotate(45deg)}
  .mobile-menu-toggle .mobile-menu-label{display:block;width:auto;height:auto;background:transparent;color:inherit;font-size:.9rem;font-weight:700;line-height:1}
  .site-header nav{display:flex;position:absolute;top:calc(100% + 8px);left:auto;right:16px;width:min(16rem,calc(100vw - 32px));max-height:0;overflow:hidden;padding:0 7px;border:1px solid transparent;border-radius:16px;background:var(--paper);box-shadow:0 18px 42px #183c3830;flex-direction:column;gap:7px;z-index:20;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:max-height .46s cubic-bezier(.2,.75,.25,1),padding .42s ease,border-color .22s ease,opacity .26s ease,transform .46s cubic-bezier(.2,.75,.25,1),visibility 0s linear .46s}
  .site-header nav.is-open{display:flex;max-height:32rem;padding:7px;border-color:var(--line);opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
  .site-header nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .42s cubic-bezier(.2,.75,.25,1),background-color .18s ease,border-color .18s ease}
  .site-header nav a::after{content:'→';color:var(--gold);transition:transform .18s ease}
  .site-header nav a:hover{background:#f7f5ef;border-color:#c9d2c8}
  .site-header nav a:hover::after{transform:translateX(3px)}
  .site-header nav.is-open a{opacity:1;transform:translateY(0)}
  .site-header nav.is-open a:nth-child(1){transition-delay:40ms}
  .site-header nav.is-open a:nth-child(2){transition-delay:90ms}
  .site-header nav.is-open a:nth-child(3){transition-delay:140ms}
  .site-header nav.is-open a:nth-child(4){transition-delay:190ms}
  .site-header nav.is-open a:nth-child(5){transition-delay:240ms}
  .site-header nav.is-open a:nth-child(6){transition-delay:290ms}
  .site-header nav a:last-child{border-bottom:1px solid var(--line)}
  @media(prefers-reduced-motion:reduce){.site-header nav,.site-header nav a,.mobile-menu-toggle .mobile-menu-icon{transition:none!important}.site-header nav a{transform:none!important}}
}