:root{color-scheme:light;--ink:#153a31;--muted:#66756f;--line:#dce5e0;--paper:#fbfcfa;--cream:#f2efe6;--green:#174c3c;--lime:#b8d66d;--shadow:0 24px 80px rgba(21,58,49,.12);--header-height:70px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:clip}button,input{font:inherit}a{color:inherit}.hidden{display:none!important}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-weight:700}.boot span{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.site-header,.access-header{min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(clamp(18px,5vw,64px),env(safe-area-inset-right)) 0 max(clamp(18px,5vw,64px),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(21,58,49,.1);background:rgba(251,252,250,.9);backdrop-filter:blur(18px);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:17px;letter-spacing:-.03em}.brand b{font-weight:850}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--ink)}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-mark path:not(.leaf){fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round}.brand-mark .leaf{stroke:none}.leaf-one{fill:#6e9b54}.leaf-two{fill:#bdd56f}.site-header nav,.access-header>div{display:flex;align-items:center;gap:22px}.site-header nav a,.access-header a,.access-header button{font-size:13px;font-weight:750;text-decoration:none}.site-header nav a,.access-header a{display:inline-flex;align-items:center;min-height:44px}.header-login{border:1px solid var(--ink);border-radius:999px;padding:8px 17px}.access-header button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.hero{min-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top));display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,.82fr) minmax(320px,.76fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(46px,8vh,94px) clamp(24px,6vw,84px);overflow:hidden}.hero-copy{max-width:630px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:850;color:#688078}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6.4vw,96px);line-height:.91;letter-spacing:-.065em;margin:22px 0 28px;font-weight:500}.hero h1 em{font-weight:500;color:#6c8649}.hero-copy>p{max-width:500px;color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.6;margin:0 0 34px}.primary-link{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-weight:800;border-bottom:1px solid var(--ink);padding:0 0 8px}.primary-link span{font-size:20px}.hero-art{height:min(660px,72vh);min-height:480px;border-radius:220px 220px 26px 26px;background:linear-gradient(180deg,#e8ead8 0%,#f4ecd6 55%,#d9e1c6 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(21,58,49,.08)}.hero-art .sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#fff8d7;top:13%;left:18%;box-shadow:0 0 70px #fff7ca}.hero-art>svg{position:absolute;inset:auto 0 0;width:100%;height:91%}.hill-back{fill:#8ba779}.hill-front{fill:#496f5a}.branch{fill:none;stroke:#274b3d;stroke-width:14;stroke-linecap:round}.art-leaf.one{fill:#7ca758}.art-leaf.two{fill:#b9d467}.hero-art>p{position:absolute;z-index:2;bottom:28px;left:28px;right:28px;margin:0;color:#fff;font-family:Georgia,serif;font-size:15px}.hero-art>p span{display:block;font-family:inherit;opacity:.7;font-size:12px;margin-top:5px}
.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.4vw,34px);box-shadow:var(--shadow);align-self:center}.login-card h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.04em;margin:10px 0 6px;font-weight:500}.login-card>div>p{color:var(--muted);margin:0 0 20px}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;color:#425b53;font-size:13px;font-weight:750}.login-card input{width:100%;height:48px;border:1px solid #d5dfda;background:#fbfcfb;border-radius:10px;padding:0 13px;color:var(--ink);font-size:16px;outline:0}.login-card input:focus{border-color:#6d927f;box-shadow:0 0 0 3px rgba(109,146,127,.14)}.password-field{display:flex;position:relative}.password-field button{position:absolute;right:2px;top:2px;min-width:44px;height:44px;border:0;background:transparent;color:#6a7b75;font-size:12px;font-weight:800;cursor:pointer}.password-field input{padding-right:58px}.login-button{width:100%;min-height:48px;border:0;border-radius:11px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:800;text-decoration:none;cursor:pointer}.login-button:disabled{opacity:.65;cursor:wait}.form-error,.access-notice{background:#fff1ee;color:#9a382a;border:1px solid #f1cec7;border-radius:10px;padding:11px 13px;font-size:13px}.active-session{text-align:center}.session-avatar,.account-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dbe8df;color:var(--green);font-weight:850}.session-avatar{width:62px;height:62px;margin:0 auto 16px;font-size:22px}.session-avatar img,.account-avatar img{width:100%;height:100%;object-fit:cover}.active-session .login-button{margin-top:20px}.community{background:var(--cream);padding:clamp(72px,10vw,140px) clamp(24px,8vw,120px);display:grid;grid-template-columns:minmax(260px,.8fr) 2fr;gap:clamp(48px,9vw,140px)}.community h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,72px);letter-spacing:-.055em;line-height:1;margin:15px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.values article{border-top:1px solid #bcc8bf;padding:24px 6px}.values article>span{color:#829189;font-size:12px;font-weight:800}.values h3{font-size:18px;margin:42px 0 9px}.values p{color:var(--muted);line-height:1.55;margin:0}.site-footer,.access-footer{min-height:94px;padding:24px clamp(24px,6vw,84px);display:flex;align-items:center;justify-content:space-between;background:#123a30;color:#fff}.site-footer span{font-weight:850}.site-footer small,.access-footer span{color:#a9bcb5}
.access-site{min-height:100dvh;background:#f5f7f4;display:flex;flex-direction:column}.access-header{position:sticky;top:0}.access-main{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:clamp(34px,5vw,62px) 0 52px;flex:1}.access-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.access-welcome h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,5vw,58px);letter-spacing:-.055em;line-height:1;margin:10px 0}.access-welcome p{color:var(--muted);font-size:15px;margin:0}.account-avatar{width:60px;height:60px;font-size:21px;flex:0 0 auto}.access-notice{margin:-12px 0 22px;background:#fff9e8;color:#755b16;border-color:#eadca8}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-card{min-height:178px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.app-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(21,58,49,.1);border-color:#becdc5}.app-card-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px}.app-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-card.worship .app-card-icon{background:#e4ede8;color:#214f42}.app-card.kids .app-card-icon{background:#fff0c8;color:#9a6918}.app-card.institute .app-card-icon{background:#e9e4f4;color:#68528d}.app-card.medios .app-card-icon{background:#e4ebf7;color:#365b8b}.app-card.admin .app-card-icon{background:#e8eee5;color:#41653b}.app-card small{font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:#83918c;font-weight:850}.app-card h2{font-size:19px;margin:5px 0 6px;letter-spacing:-.025em}.app-card p{color:var(--muted);font-size:13.5px;line-height:1.42;margin:0;padding-right:22px}.app-card>span:last-child{position:absolute;right:16px;bottom:12px;font-size:20px}.access-help{text-align:center;color:#77847f;font-size:13px;margin:22px 0 0}.access-footer{min-height:60px;font-size:13px}.access-footer a{color:#fff;text-decoration:none;font-weight:800}
@media(max-width:1120px){.hero{grid-template-columns:1.1fr .9fr}.hero-art{display:none}.login-card{max-width:420px;justify-self:end}.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-card{min-height:168px;padding:16px}.app-card-icon{width:38px;height:38px;margin-bottom:15px}}@media(orientation:portrait) and (max-width:1050px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:60px;padding-bottom:72px}.hero-copy{max-width:760px}.login-card{width:min(620px,100%);max-width:none;justify-self:start}.community{grid-template-columns:1fr;gap:38px}.access-main{width:min(900px,calc(100% - 36px))}}@media(max-width:760px){:root{--header-height:60px}.site-header,.access-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.site-header nav a:first-child{display:none}.site-header nav{gap:8px}.header-login{padding:8px 15px}.hero{min-height:auto;display:block;padding:44px 16px 56px}.hero-copy{margin-bottom:34px}.hero h1{font-size:clamp(46px,13.5vw,66px);margin:18px 0 22px}.hero-copy>p{margin-bottom:26px}.login-card{width:100%;max-width:none;padding:20px}.community{grid-template-columns:1fr;padding:64px 16px}.values{grid-template-columns:1fr}.values h3{margin-top:22px}.site-footer,.access-footer{padding:20px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-items:flex-start;gap:8px;flex-direction:column}.access-header>div{gap:8px}.access-header>div a{display:none}.access-main{width:calc(100% - 24px);padding:28px 0 36px}.access-welcome{align-items:flex-start;gap:14px;margin-bottom:22px}.access-welcome h1{font-size:32px;margin:7px 0}.access-welcome p{font-size:14px;line-height:1.4}.account-avatar{width:44px;height:44px;font-size:17px}.apps-grid{grid-template-columns:1fr;gap:10px}.app-card{min-height:96px;padding:13px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;grid-template-rows:auto auto auto;column-gap:10px;row-gap:1px}.app-card-icon{grid-column:1;grid-row:1/4;width:38px;height:38px;margin:0;align-self:start}.app-card small{grid-column:2;grid-row:1;align-self:end}.app-card h2{grid-column:2;grid-row:2;font-size:17px;margin:2px 0 3px}.app-card p{grid-column:2;grid-row:3;font-size:13px;line-height:1.35;padding-right:0}.app-card>span:last-child{grid-column:3;grid-row:1/4;position:static;margin:0;align-self:center;font-size:18px}.access-help{text-align:left;margin-top:18px}.access-footer{min-height:56px;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap;padding-top:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-width:390px){.brand{font-size:15px}.brand-mark{width:30px;height:30px}.access-welcome .account-avatar{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boot span{animation:none}.app-card{transition:none}}
.app-card.preaching .app-card-icon{background:#efe9dc;color:#795e2d}
.app-card.teachings .app-card-icon{background:#e3eee8;color:#285f4e}
.app-card.planning .app-card-icon{background:#e1f1e9;color:#31715a}.app-card.census .app-card-icon{background:#f8e9dc;color:#8a5a35}.app-card.logistics .app-card-icon{background:#eee8f8;color:#695287}

/* El acceso conserva tipografia amplia con el minimo de espacio sobrante. */
:root{--access-header-height:52px}
.access-header{min-height:calc(var(--access-header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.access-header .brand{min-height:40px;gap:8px;font-size:18px}
.access-header .brand-mark{width:30px;height:30px}
.access-header>div{gap:2px}
.access-header>div a,.access-header button{min-height:40px;padding:0 10px;font-size:15px}
.access-header button{min-width:40px}
.app-card{min-height:0;padding:14px 15px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;border-radius:14px}
.app-card-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0;align-self:center}
.app-card-icon svg{width:23px;height:23px}
.app-card h2{grid-column:2;grid-row:1;margin:0;align-self:end;font-size:22px;line-height:1.12}
.app-card p{grid-column:2;grid-row:2;margin:0;padding:0;align-self:start;font-size:15.5px;line-height:1.3}
.app-card>span:last-child{grid-column:3;grid-row:1/3;position:static;margin:0;align-self:center;justify-self:end;font-size:21px}
.access-footer{min-height:48px;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));justify-content:flex-start}
@media(max-width:1120px){.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--access-header-height:50px}.access-header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.access-header .brand{font-size:17px}.access-header>div a,.access-header button{font-size:14px}.apps-grid{grid-template-columns:1fr}.app-card{min-height:0;padding:13px 14px;grid-template-columns:42px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:11px;row-gap:2px}.app-card-icon{grid-row:1/3;width:42px;height:42px}.app-card h2{grid-row:1;font-size:20px;margin:0}.app-card p{grid-row:2;font-size:14.5px;line-height:1.3}.app-card>span:last-child{grid-row:1/3;font-size:19px}.access-footer{min-height:46px;padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));align-items:center}}
.app-card.home .app-card-icon{background:#f6e6d7;color:#a55d3e}