/* CDA tarjeta diaria: promesa arriba, devocional debajo. */
html body.institutional-page #palabra-del-dia{width:100%;max-width:920px;box-sizing:border-box;margin:0 auto 32px;border:1px solid #c6a14b;border-radius:22px;overflow:hidden;background:#fffdf7;box-shadow:0 14px 38px #87651c18;color:#514a3e;text-align:left}
html body.institutional-page #palabra-del-dia .cda-daily-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:15px clamp(20px,4vw,36px);background:#eee1bf;color:#765617;font:600 11px/1.5 Inter,Arial,sans-serif;letter-spacing:1px}
html body.institutional-page #palabra-del-dia .cda-daily-header time{font-weight:400;letter-spacing:0}
html body.institutional-page #palabra-del-dia .cda-daily-promise{padding:26px clamp(20px,4vw,36px);background:radial-gradient(ellipse at top right,#e9cf8744,transparent 72%),#fbf5e7}
html body.institutional-page #palabra-del-dia .cda-daily-label{font:700 13px/1.5 Inter,Arial,sans-serif;letter-spacing:1.6px;color:#8c641e;margin:0 0 12px;text-align:left}
html body.institutional-page #palabra-del-dia blockquote{font:400 clamp(21px,2.6vw,29px)/1.55 Georgia,serif;margin:0 0 20px;color:#51412a;max-width:unset;text-align:left}
html body.institutional-page #palabra-del-dia .cda-daily-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;align-items:center}
html body.institutional-page #palabra-del-dia button{font:600 13px/1.5 Inter,Arial,sans-serif;color:#7c5919;border:0;background:transparent;border-radius:0;padding:8px 0;cursor:pointer;min-height:40px;text-align:left;text-decoration:underline;text-underline-offset:4px;box-shadow:none}
html body.institutional-page #palabra-del-dia .cda-daily-devotional{padding:26px clamp(20px,4vw,36px);border-top:1px solid #dfc88b;background:#fffdf7}
html body.institutional-page #palabra-del-dia h2{font:600 clamp(21px,2.4vw,27px)/1.35 Georgia,serif;color:#8c641e;margin:0 0 14px;text-align:left;letter-spacing:0;text-transform:none}
html body.institutional-page #palabra-del-dia .cda-daily-devotional p:not(.cda-daily-label){font:400 15px/1.75 Inter,Arial,sans-serif;margin:10px 0;color:#625b50;text-align:left;max-width:unset}
html body.institutional-page #palabra-del-dia #cda-daily-scripture{font-style:italic;color:#6e552c}
html body.institutional-page #palabra-del-dia .cda-daily-read{display:inline-flex;gap:24px;align-items:center;padding:11px 17px;margin-top:12px;border-radius:10px;background:#8c641e;color:#fffdf7!important;font:600 14px/1.5 Inter,Arial,sans-serif;text-decoration:none}
html body.institutional-page #palabra-del-dia :is(a,button):focus-visible{outline:3px solid #a67c24;outline-offset:4px}
@media(max-width:600px){html body.institutional-page #palabra-del-dia{border-radius:16px;margin-bottom:24px}html body.institutional-page #palabra-del-dia .cda-daily-promise,html body.institutional-page #palabra-del-dia .cda-daily-devotional{padding:20px}html body.institutional-page #palabra-del-dia .cda-daily-label{font-size:12px}}

html body.institutional-page #palabra-del-dia .cda-daily-devotional-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}html body.institutional-page #palabra-del-dia #cda-daily-devotional-date{display:inline-block;border:1px solid #dfc88b;border-radius:7px;padding:3px 9px;color:#8c641e;font:600 12px/1.5 Inter,Arial,sans-serif}


:root{--ink:#161616;--gold:#c9962e;--gold2:#e5c56b;--gold-text:#8c641e;--paper:#fffdf8;--muted:#68645d;--line:#ded8ce;--ivory:#faf7f0;--shadow:0 8px 24px rgba(22,22,22,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}p+p{margin-top:16px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.1}h3{font-size:1.1rem;line-height:1.35;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold-text);outline-offset:4px}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;padding:12px 14px;background:#fff;color:var(--ink)}textarea{resize:vertical}label{display:grid;gap:7px;font-size:.9rem;font-weight:600}label+label{margin-top:14px}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-180%);padding:10px 18px;background:var(--ink);color:#fff}.skip:focus{transform:none}
.institutional-page .service-topbar{background:var(--ink);color:#fff;font-size:.75rem}.service-topbar-inner{width:min(1240px,90%);margin:auto;display:flex;justify-content:space-between;gap:16px;padding:9px 0}.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}.header-inner{width:min(1240px,90%);margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:50%}.church-brand-name{display:grid;line-height:1.2}.church-brand-name>strong{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);font-weight:600}.church-brand-name>span{font-size:1.05rem;font-weight:600;letter-spacing:-.03em;margin-top:3px}.site-slogan{display:none}.desktop-nav{display:flex;align-items:center;gap:18px;font-size:.78rem}.desktop-nav>a{padding:10px 0;white-space:nowrap}.desktop-nav>a:hover{color:var(--gold-text)}.desktop-nav .nav-portal{padding:10px 16px;border:1px solid var(--line);border-radius:3px}.desktop-more-menu{position:relative}.desktop-more-menu summary{list-style:none;cursor:pointer;padding:10px 0}.desktop-more-menu summary::-webkit-details-marker{display:none}.desktop-more-menu summary::after{content:'⌄';margin-left:5px}.desktop-more-menu>div{position:absolute;right:0;top:100%;width:240px;padding:12px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.desktop-more-menu>div a{display:block;padding:10px}.desktop-more-menu strong,.desktop-more-menu span{display:block}.desktop-more-menu>div span{font-size:.75rem;color:var(--muted)}.mobile-menu-toggle{display:none;border:1px solid var(--line);border-radius:3px;background:#fff;padding:10px;width:46px;height:42px}.mobile-menu-toggle>span{display:block;height:2px;margin:4px 0;background:var(--ink)}
.hero{width:min(1240px,90%);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center;padding:64px 0 58px}.eyebrow,.section-kicker{color:var(--gold-text);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:clamp(2.8rem,4.8vw,4.65rem);max-width:600px}.hero-title-gold{color:var(--gold-text);font-style:italic}.hero-lead{max-width:580px;margin-top:26px;color:var(--muted);font-size:.94rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button,.glass3d,.admin-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-size:.82rem;font-weight:600;line-height:1.4;box-shadow:none}.button-dark,.glass3d.primary,.admin-button.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button:hover,.glass3d:hover,.admin-button:hover{filter:brightness(.96)}.button-icon{display:none}.hero-visual{position:relative;min-width:0;padding-bottom:0}.hero-photo-wrap{position:relative;width:100%;aspect-ratio:1.12;overflow:hidden;background:var(--ivory)}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s ease}.hero-slide.active{opacity:1;visibility:visible}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;left:0;bottom:20px;max-width:94%;padding:15px 22px;border-left:3px solid var(--gold);background:var(--ink);color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1rem,1.7vw,1.45rem);font-style:italic;line-height:1.3}.hero-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hero-dot{width:26px;height:26px;padding:0;border:0;background:transparent;position:relative}.hero-dot::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--line)}.hero-dot.active::after{background:var(--gold-text)}
.institutional-service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ivory)}.hero-service-details{width:min(1240px,90%);margin:auto;padding:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hero-service-details article{min-width:0;padding-left:24px;border-left:1px solid var(--line)}.hero-service-details article:first-child{padding-left:0;border-left:0}.hero-service-details p{display:grid;gap:4px;overflow-wrap:anywhere}.hero-service-details strong{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;color:var(--gold-text)}.hero-service-details small{font-size:.82rem;font-weight:500}.hero-service-details em{font-size:.72rem;color:var(--muted);font-style:normal}.service-icon{display:none}.section,.home-devotional-promo,.home-activities-section,.messages,.visual-promo,.give{padding:72px max(5%,calc((100vw - 1240px)/2))}.section h2,.home-activities-intro h2,.visual-promo h2,.give h2,.home-published-devotional h2{font-size:clamp(2rem,3.1vw,3.1rem)}.institutional-essence{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;background:var(--paper)}.essence-copy p:last-child{margin-top:20px;color:var(--muted);font-size:.9rem;max-width:400px}.hero-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}.hero-values article{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.hero-values article>span{color:var(--gold-text);font-family:Georgia,serif;font-size:1.45rem;line-height:1.2}.hero-values h3{font-size:.8rem;font-weight:500}.hero-values p{font-size:.72rem;line-height:1.6;color:var(--muted);margin-top:5px}.hero-values article:last-child{grid-column:1/-1}
.home-devotional-promo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;background:var(--ivory)}.home-devotional-identity{position:relative}.home-devotional-identity h2{font:600 .7rem Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;color:var(--gold-text)}.home-devotional-identity img{width:100%;aspect-ratio:1.45;object-fit:cover}.home-published-devotional{min-width:0}.home-published-devotional strong{display:block;margin-top:16px;font-size:.75rem;font-weight:500;color:var(--gold-text)}.home-published-devotional p{color:var(--muted);font-size:.9rem;margin:20px 0}.home-activities-section{background:#fff}.home-activities-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:30px}.home-activities-intro>p{color:var(--muted);max-width:520px;font-size:.9rem}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.activity-grid article,.program-grid article{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.activity-grid article>span,.program-grid article>span{font-size:.7rem;font-weight:600;color:var(--gold-text)}.activity-grid h3,.program-grid h3{margin-top:10px}.activity-grid p,.program-grid p{margin-top:10px;font-size:.85rem;color:var(--muted)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:var(--ivory)}.about p:not(.section-kicker){font-size:.9rem;color:var(--muted);margin-top:20px}.about-media img{width:100%;aspect-ratio:1.3;object-fit:cover}.about-media figcaption{margin-top:10px;font-size:.72rem;color:var(--muted)}.age-ministries{background:var(--paper)}.age-ministries>.section-kicker{display:flex;gap:14px;align-items:center}.age-ministries>.section-kicker p{margin:0}.age-ministries-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:30px}.age-ministries-intro>p{font-size:.9rem;color:var(--muted)}.age-ministry-list{border-top:1px solid var(--line)}.age-ministry-card{border-bottom:1px solid var(--line)}.age-ministry-card summary{list-style:none;display:grid;grid-template-columns:40px 100px minmax(0,1fr) 28px;gap:24px;align-items:center;padding:22px 0;cursor:pointer}.age-ministry-card summary::-webkit-details-marker{display:none}.age-ministry-number{font-family:Georgia,serif;color:var(--gold-text);font-size:1.5rem}.age-ministry-image-wrap img{width:100px;aspect-ratio:1;object-fit:cover}.age-ministry-heading>span{display:flex;gap:18px;align-items:baseline}.age-ministry-heading strong{font-family:Georgia,serif;font-weight:400;font-size:1.6rem}.age-ministry-heading em{font-style:normal;font-size:.75rem;color:var(--gold-text)}.age-ministry-heading small{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}.age-ministry-toggle::before{content:'+';font-size:1.5rem;color:var(--gold-text)}details[open] .age-ministry-toggle::before{content:'−'}.age-ministry-content{padding:0 0 28px 164px}.age-ministry-content>p{font-size:.9rem;color:var(--muted);margin-bottom:22px}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ministry-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.ministry-pill{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.ministry-pill img{width:70px;aspect-ratio:1;object-fit:cover}.ministry-pill h3{font-size:.9rem}.ministry-pill p{font-size:.75rem;color:var(--muted);margin-top:5px}
.messages{background:var(--ink);color:#fff}.messages-hero{position:relative;min-height:460px;overflow:hidden;background:var(--ink)}.messages-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.messages-hero-content{position:relative;z-index:1;padding:80px 40px 40px}.light-eyebrow{color:var(--gold2)}.messages-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.messages h2{font-size:clamp(2.2rem,3.7vw,3.5rem)}.messages-heading p{color:#f3f0e7;font-size:.9rem}.channel-link{display:inline-block;margin-top:22px;color:var(--gold2);font-size:.85rem;font-weight:600}.featured-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px}.featured-video-image{position:relative;display:block}.featured-video-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.featured-video-image b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.8rem}.featured-video-image em{position:absolute;bottom:7px;right:7px;padding:2px 6px;background:var(--ink);color:#fff;font-style:normal;font-size:.7rem}.featured-video-copy strong,.featured-video-copy small{display:block;margin-top:8px}.featured-video-copy strong{font-size:.8rem;font-weight:500}.featured-video-copy small{font-size:.7rem;color:var(--gold2)}.visual-promo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:#fff}.visual-promo>img{width:100%;aspect-ratio:1.35;object-fit:cover}.visual-promo p:not(.eyebrow){font-size:.9rem;color:var(--muted);margin:20px 0 26px}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--ivory)}.visit-copy>p{font-size:.9rem;color:var(--muted);margin-top:20px}.visit-link{display:block;margin-top:20px;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.visit-link strong{display:block;font-weight:500;font-size:.9rem}.visit-link span{display:block;font-size:.8rem;color:var(--gold-text)}.visit-form{padding:30px;background:#fff;border:1px solid var(--line);border-radius:3px}.visit-form>p{font-size:.8rem;color:var(--muted);margin:12px 0 22px}.visit-form button{margin-top:20px;width:100%}.give{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;background:var(--ink);color:#fff;overflow:hidden}.give-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14}.give-copy,.give-description,.zelle-giving{position:relative;z-index:1}.give-description{align-self:center;font-size:.95rem;color:#f3f0e7}.zelle-giving{grid-column:1/-1;max-width:760px;border-top:1px solid rgba(229,197,107,.3);padding-top:26px}.zelle-label{color:var(--gold2);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.zelle-giving h3{margin-top:10px;font-size:.9rem;font-weight:400;line-height:1.65}.zelle-giving a{display:inline-block;margin-top:12px;color:var(--gold2);overflow-wrap:anywhere;font-weight:500}
.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px;padding:38px max(5%,calc((100vw - 1240px)/2));align-items:start}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:58px;height:58px;border-radius:50%;object-fit:contain;flex-shrink:0}.footer-brand h2{font:600 1rem Inter,Arial,sans-serif;letter-spacing:0}.footer-brand p,.footer-brand span{font-size:.75rem;color:var(--muted);margin-top:6px;display:block}.footer-links{display:grid;gap:10px}.footer-links>p{font-size:.7rem;font-weight:600;color:var(--gold-text);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.footer-links>a{display:flex;gap:8px;align-items:center;font-size:.8rem}.footer-links b{margin-left:auto;font-size:1rem}.footer-social-link-icon svg,.social-bubble svg,.footer-whatsapp svg{width:18px;height:18px;display:block}.footer-connect>p{font-family:Georgia,serif;font-size:1.3rem;line-height:1.3}.footer-socials{display:flex;gap:8px;margin-top:14px}.social-bubble{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.footer-whatsapp{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;margin-top:14px;color:var(--gold-text)}.footer-bottom{border-top:1px solid var(--line);padding:18px 5%;text-align:center;color:var(--muted);font-size:.7rem}
.portal-body{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--ivory)}.portal-sidebar{position:sticky;top:0;height:100vh;padding:24px;display:flex;flex-direction:column;gap:26px;background:var(--ink);color:#fff}.portal-brand{display:flex;gap:12px;align-items:center;font-size:.9rem;font-weight:600}.portal-brand img{width:48px;height:48px;border-radius:50%;object-fit:contain}.portal-brand>span{display:grid;line-height:1.4}.portal-brand strong{font-size:.65rem;letter-spacing:.18em;color:var(--gold2);text-transform:uppercase}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav a,.portal-logout{padding:11px 12px;font-size:.85rem;border-radius:3px}.portal-sidebar nav a.active{background:var(--gold);color:var(--ink)}.portal-sidebar nav a:hover,.portal-logout:hover{background:#302e28;color:var(--gold2)}.portal-logout{margin-top:auto}.portal-main{min-width:0;padding:36px min(4vw,48px)}.portal-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.portal-topbar h1{font-size:clamp(2rem,3vw,3.5rem)}.portal-user-card{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--line);background:#fff}.portal-user-card img{width:42px;height:42px;border-radius:50%;object-fit:cover}.portal-user-card strong,.portal-user-card span{display:block;font-size:.8rem}.portal-user-card span{color:var(--muted);font-size:.7rem}.portal-hero-card{display:grid;grid-template-columns:1fr 280px;gap:26px;padding:28px;border:1px solid var(--line);background:#fff}.portal-hero-card h2{font-size:2.5rem;margin:18px 0}.portal-hero-card p{font-size:.9rem;color:var(--muted)}.portal-pill,.status-chip{display:inline-block;padding:5px 10px;border-radius:3px;background:var(--ivory);color:var(--gold-text);font-size:.7rem;font-weight:600}.portal-qr-mini{display:grid;place-content:center;text-align:center;gap:12px;padding:22px;background:var(--ink);color:#fff;overflow-wrap:anywhere}.portal-qr-mini strong{font-size:1.7rem;color:var(--gold2)}.portal-qr-mini span{font-size:.75rem}.portal-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.portal-stat-grid article,.portal-panel,.portal-work-card,.qr-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:3px;min-width:0}.portal-stat-grid span,.portal-stat-grid strong{display:block}.portal-stat-grid span{color:var(--muted);font-size:.75rem}.portal-stat-grid strong{font-size:1.3rem;margin-top:6px}.portal-section-head,.portal-page-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:32px 0 20px}.portal-section-head h2,.portal-page-title h2{font-size:2rem}.portal-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-work-card{display:grid;align-content:start;gap:12px}.portal-work-card h2,.portal-panel h2,.qr-panel h2{font-size:1.5rem}.portal-work-card p,.portal-panel p,.qr-panel p{color:var(--muted);font-size:.85rem;margin:12px 0}.portal-work-card>span{font-size:.8rem;color:var(--gold-text)}.portal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qr-panel{text-align:center}.qr-box{padding:20px;display:grid;place-items:center;gap:14px;background:#fff}.qr-box img{width:min(100%,280px);height:auto}.portal-table{width:100%;border-collapse:collapse;font-size:.8rem;overflow-wrap:anywhere}.portal-table th,.portal-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.portal-feature-image{width:100%;height:100%;min-height:300px;object-fit:cover}
.admin-body{background:var(--ivory)}.admin-shell{width:min(1340px,92%);margin:auto;padding:34px 0}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;background:var(--ink);color:#fff;margin-bottom:24px}.admin-header h1{font-size:2.8rem}.admin-header p:not(.section-kicker){font-size:.85rem;margin-top:16px;max-width:760px;color:#f3f0e7}.admin-header .section-kicker{color:var(--gold2)}.admin-top-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.45fr);gap:20px}.admin-panel{display:grid;gap:16px;align-content:start;padding:24px;background:#fff;border:1px solid var(--line);min-width:0}.admin-panel h2{font:600 1.15rem Inter,Arial,sans-serif;letter-spacing:0}.admin-panel p,.json-map{font-size:.8rem;color:var(--muted)}.admin-panel.wide{grid-row:span 2}.admin-dashboard,.admin-section-editor{grid-column:1/-1}.admin-module-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-module-tab{text-align:left;padding:14px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:3px}.admin-module-tab strong,.admin-module-tab span{display:block}.admin-module-tab strong{font-size:.82rem;font-weight:600}.admin-module-tab span{font-size:.68rem;color:var(--muted);margin-top:5px;line-height:1.5}.admin-module-tab.active{border-color:var(--gold-text);background:var(--ivory)}.panel-heading{display:flex;justify-content:space-between;gap:20px}.panel-heading>span{font-size:.7rem;color:var(--gold-text)}#json-editor,#section-editor{font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.6;tab-size:2;min-height:300px;background:var(--paper)}#json-editor{min-height:60vh}.upload-box{padding:18px;border:1px dashed var(--line)}.json-map{display:grid;gap:8px;padding-left:18px}.json-map code,.admin-panel code{color:var(--gold-text);overflow-wrap:anywhere}.admin-actions{grid-column:1/-1;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;background:#fff;border:1px solid var(--line)}#save-status{font-size:.85rem}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;gap:0;padding:16px 0;min-height:0}.mobile-menu-toggle{display:block}.desktop-nav{display:none;flex-basis:100%;width:100%;align-items:stretch;gap:0;padding-top:16px;font-size:.9rem}.desktop-nav.is-open{display:flex;flex-direction:column}.desktop-nav>a{padding:12px 10px;white-space:normal}.desktop-nav .nav-portal{margin-top:8px}.desktop-more-menu summary{padding:12px 10px}.desktop-more-menu>div{position:static;width:100%;box-shadow:none;margin-top:6px}.hero{gap:38px}.hero h1{font-size:clamp(2.6rem,5vw,4rem)}.institutional-essence{gap:36px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ministry-strip{grid-template-columns:1fr 1fr}.featured-video-grid{grid-template-columns:1fr 1fr}.portal-work-grid{grid-template-columns:1fr 1fr}.admin-module-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:86px}.service-topbar-inner{font-size:.67rem;flex-direction:column;gap:2px;padding:8px 0}.brand-logo{width:44px;height:44px}.church-brand-name>span{font-size:.98rem}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0}.hero h1{font-size:clamp(2.7rem,9vw,4rem)}.hero-lead{font-size:.92rem;margin-top:20px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{flex:1 1 auto}.hero-photo-wrap{aspect-ratio:1.3}.hero-caption{font-size:1.15rem;padding:14px 18px}.hero-service-details{grid-template-columns:1fr;gap:12px;padding:24px 0}.hero-service-details article,.hero-service-details article:first-child{padding:0 0 12px;border-left:0;border-bottom:1px solid var(--line)}.hero-service-details article:last-child{border-bottom:0;padding-bottom:0}.section,.home-devotional-promo,.home-activities-section,.messages,.visual-promo,.give{padding:46px 5%}.institutional-essence,.home-devotional-promo,.home-activities-intro,.about,.age-ministries-intro,.messages-heading,.visual-promo,.visit,.give{grid-template-columns:1fr;gap:26px}.hero-values{gap:8px 20px}.hero-values article{gap:10px}.hero-values h3{font-size:.78rem}.hero-values p{font-size:.7rem}.hero-values article>span{font-size:1.2rem}.activity-grid,.program-grid,.ministry-strip{grid-template-columns:1fr}.age-ministry-card summary{grid-template-columns:28px 66px minmax(0,1fr) 20px;gap:12px;padding:18px 0}.age-ministry-image-wrap img{width:66px}.age-ministry-heading>span{display:block}.age-ministry-heading strong{font-size:1.35rem}.age-ministry-heading em{display:block;margin-top:4px}.age-ministry-heading small{font-size:.72rem;line-height:1.5}.age-ministry-content{padding:0 0 22px}.messages-hero{min-height:380px}.messages-hero-content{padding:48px 22px 28px}.featured-video-grid{gap:14px}.visit-form{padding:22px}.zelle-giving{grid-column:auto}.footer-main{grid-template-columns:1fr;gap:28px;padding:32px 5%}.footer-connect>p br{display:none}.portal-body{grid-template-columns:1fr}.portal-sidebar{position:relative;height:auto;padding:20px;gap:18px}.portal-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.portal-sidebar nav a{font-size:.75rem;padding:10px 8px}.portal-logout{margin-top:0}.portal-main{padding:28px 5%}.portal-topbar{display:grid;gap:20px}.portal-hero-card,.portal-two-col{grid-template-columns:1fr}.portal-work-grid,.portal-stat-grid{grid-template-columns:1fr}.portal-section-head{align-items:start;flex-direction:column;gap:12px}.portal-hero-card{padding:22px}.portal-table th,.portal-table td{padding:10px 4px;font-size:.72rem}.admin-header{display:grid;padding:22px}.admin-header h1{font-size:2.2rem}.admin-grid{grid-template-columns:1fr}.admin-panel.wide{grid-row:auto}.admin-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions{flex-direction:column;align-items:stretch}.panel-heading{flex-wrap:wrap}}
@media(max-width:380px){.hero-actions{flex-direction:column}.hero-values{grid-template-columns:1fr}.hero-values article:last-child{grid-column:auto}.featured-video-grid{grid-template-columns:1fr}.portal-sidebar nav{grid-template-columns:1fr 1fr}.admin-module-list{grid-template-columns:1fr}.church-brand-name>span{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Paleta del logo: negro, dorado y blanco. Fotos cuadradas. */
.institutional-page .site-header{background:var(--ink);color:#fff;border-bottom:1px solid var(--gold)}
.institutional-page .brand-logo{border-radius:0;clip-path:none;background:var(--ink);object-fit:contain}
.institutional-page .church-brand-name>strong{color:var(--gold2)}
.institutional-page .church-brand-name>span{color:#fff}
.institutional-page .desktop-nav>a:hover,.institutional-page .desktop-more-menu summary:hover,.institutional-page .service-topbar a:hover{color:var(--gold2)}
.institutional-page .desktop-nav .nav-portal{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.institutional-page .desktop-nav .nav-portal:hover{background:var(--gold2);border-color:var(--gold2);color:var(--ink)}
.institutional-page .desktop-more-menu>div{background:var(--ink);border-color:var(--gold);color:#fff}
.institutional-page .desktop-more-menu>div a:hover{background:var(--gold);color:var(--ink)}
.institutional-page .desktop-more-menu>div span{color:var(--ivory)}
.institutional-page .desktop-more-menu>div a:hover span{color:var(--ink)}
.institutional-page .mobile-menu-toggle{background:var(--ink);border-color:var(--gold)}
.institutional-page .mobile-menu-toggle>span{background:var(--gold2)}
.institutional-page #inicio.hero{width:100%;margin:0;padding:64px max(5%,calc((100vw - 1240px)/2)) 58px;background:var(--ink);color:#fff}
.institutional-page #inicio .eyebrow,.institutional-page #inicio h1,.institutional-page #inicio .hero-title-gold{color:var(--gold2)}
.institutional-page #inicio .hero-lead{color:#fff}
.institutional-page #inicio .button{background:transparent;border-color:var(--gold);color:#fff}
.institutional-page #inicio .button-dark{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.institutional-page #inicio .button:hover{background:var(--gold2);border-color:var(--gold2);color:var(--ink);filter:none}
.institutional-page #inicio .hero-photo-wrap{aspect-ratio:1 / 1;border-radius:0;clip-path:none;background:var(--ink)}
.institutional-page #inicio .hero-slide,.institutional-page #inicio .hero-slide img{border-radius:0;clip-path:none}
.institutional-page #inicio .hero-dot::after{background:var(--ivory)}
.institutional-page #inicio .hero-dot.active::after{background:var(--gold)}
.institutional-page .site-header :focus-visible,.institutional-page #inicio :focus-visible{outline-color:var(--gold2)}
@media(max-width:760px){.institutional-page #inicio.hero{padding:38px 5%}.institutional-page #inicio .hero-photo-wrap{aspect-ratio:1 / 1}}

/* Lectura, tarjetas y ritmo visual. */
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.desktop-more-menu summary{display:flex;align-items:center;gap:6px}.desktop-more-menu summary::after{display:none}.desktop-more-menu summary>span{display:inline}
.hero-lead{font-size:1rem;line-height:1.75}
.hero-values h3{font-size:1rem;font-weight:600}.hero-values p{font-size:.85rem}
.hero-values article{padding:18px 0}.hero-values article>span{flex:0 0 28px}
.hero-service-details small{font-size:.92rem}.hero-service-details em{font-size:.8rem}
.activity-grid article{display:flex;flex-direction:column;gap:10px;min-height:164px;padding:24px;border-radius:8px}
.activity-grid h3,.activity-grid p{margin:0}.activity-grid article>span{font-size:.72rem;line-height:1.5}
.program-grid article{border-radius:8px}.program-grid h3{font-size:1.05rem}
.home-published-devotional p,.about p:not(.section-kicker),.visit-copy>p,.visual-promo p:not(.eyebrow){font-size:1rem;line-height:1.75;max-width:62ch}
.age-ministry-heading small{font-size:.9rem;line-height:1.6}.ministry-pill p{font-size:.85rem}
.visit-form{display:grid;gap:14px;border-radius:8px}.visit-form>p{margin:0 0 6px}.visit-form label+label{margin-top:0}
.footer-brand h2{font-size:1.2rem;line-height:1.3}.footer-brand p{font-size:.85rem}
.footer-brand img{border-radius:0;background:transparent}.footer-links a{min-height:36px}.footer-whatsapp{min-height:44px}
.portal-topbar{align-items:start}.portal-topbar h1{font-size:clamp(2rem,3vw,2.8rem)}
.portal-hero-card{gap:28px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}
.portal-hero-card h2{font-size:clamp(1.8rem,3vw,2.7rem);overflow-wrap:anywhere}
.portal-qr-mini{min-width:0;padding:24px}.portal-qr-mini strong{font:600 .88rem/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;color:var(--gold2)}
.portal-user-card{min-width:0;max-width:360px}.portal-user-card span{font-size:.8rem}
.portal-stat-grid article,.portal-panel,.portal-work-card,.qr-panel{border-radius:8px}
.portal-work-card{display:flex;flex-direction:column;gap:12px;min-height:180px}.portal-work-card h2{font:600 1.1rem/1.4 Inter,Arial,sans-serif;letter-spacing:0}
.portal-work-card p{font-size:.9rem;line-height:1.7}.portal-work-card>span{margin-top:auto;padding-top:8px}
.portal-panel h2{font-size:1.45rem}.portal-sidebar nav a,.portal-logout{min-height:44px}
.portal-feature-image{max-height:480px;border-radius:8px}.admin-module-tab{min-height:92px}
.admin-panel{border-radius:8px}.admin-module-tab strong{font-size:.92rem}.admin-module-tab span{font-size:.78rem}
.admin-panel p,.json-map{font-size:.9rem}.admin-header h1{font-size:clamp(2rem,3vw,2.7rem)}
@media(max-width:760px){.hero-values{grid-template-columns:1fr}.hero-values article:last-child{grid-column:auto}.portal-hero-card{grid-template-columns:1fr}.portal-user-card{max-width:100%;width:100%}.portal-work-grid{grid-template-columns:1fr}.portal-qr-mini{padding:20px}.age-ministry-heading strong{font-size:1.2rem}.age-ministry-heading small{font-size:.85rem}.activity-grid article{min-height:auto}}


/* Portada clara profesional, 9 octubre 2026 */
body.institutional-page{--ink:#514a3e;--gold:#c9962e;--gold2:#e5c56b;--gold-text:#8c641e;--paper:#fffdf8;--ivory:#faf7f0;--line:#ded8ce;background:#fffdf8!important;color:#514a3e!important}
.institutional-page .site-header{background:#fffdf8!important;border-bottom:1px solid #ded8ce;box-shadow:0 3px 16px rgba(140,100,30,.04)}
.institutional-page .service-topbar,.institutional-page .institutional-service-strip{background:#f4ead2!important;color:#6d501d!important}
.institutional-page .hero,.institutional-page #inicio.hero{background:#fffdf8!important;color:#514a3e!important}
.institutional-page .hero::before,.institutional-page #inicio.hero::before{background:linear-gradient(135deg,#fffdf8,#faf7f0)!important}
.institutional-page :is(.home-devotional-promo,.about,.visit,.home-activities-section,.messages,.give,.site-footer,.footer-main){background:#faf7f0!important;color:#514a3e!important}
.institutional-page :is(.institutional-essence,.age-ministries,.visual-promo,.home-published-devotional,.activity-grid article,.program-grid article,.visit-form,.home-devotional-identity,.messages-hero){background:#fffdf8!important;color:#514a3e!important}
.institutional-page :is(.eyebrow,.section-kicker,.light-eyebrow,.hero-title-gold,.church-brand-name strong,.zelle-label,.channel-link,.zelle-giving a,.visit-link span,.age-ministry-heading em,.activity-grid article>span,.program-grid article>span){color:#8c641e!important}
.institutional-page :is(.hero-caption,.hero-slide figcaption,.hero-service-details article,.ministry-pill){background:#f4ead2!important;color:#514a3e!important;border-color:#ded8ce!important}
.institutional-page :is(.hero-service-details small,.hero-service-details em,.messages-heading p,.give-description,.give h3,.featured-video-copy strong,.footer-brand p,.footer-brand span,.footer-bottom){color:#68645d!important}
.institutional-page :is(.button-dark,.glass3d.primary,.header-cta){background:#c9962e!important;border-color:#c9962e!important;color:#514a3e!important;box-shadow:none!important}
.institutional-page :is(.button-light,.social-bubble,.nav-portal){background:#fffdf8!important;border:1px solid #ded8ce!important;color:#8c641e!important}
.institutional-page .hero h1,.institutional-page h2,.institutional-page h3{color:#514a3e}
.institutional-page .hero-visual{box-shadow:none}.institutional-page :is(.orbit-one,.orbit-two,.orbit-three){background:#f4ead2!important;opacity:.3}
.institutional-page .hero-dot.active::after{background:#8c641e!important}.institutional-page .messages-hero>img,.institutional-page .give-image{opacity:.07!important}
.institutional-page .hero-photo-wrap,.institutional-page .about-media img,.institutional-page .visual-promo>img{border-radius:12px}
.institutional-page .zelle-giving,.institutional-page .footer-bottom{border-color:#ded8ce!important}
.institutional-page .featured-video-image em{background:#8c641e!important;color:#fffdf8!important}
.institutional-page .desktop-nav a:hover{color:#8c641e!important}.institutional-page a:focus-visible,.institutional-page button:focus-visible{outline:3px solid #c9962e;outline-offset:3px}

@media(max-width:760px){.institutional-page #actividades{padding:18px 4vw!important}.institutional-page #actividades .home-activities-intro{gap:5px!important;margin-bottom:10px!important}.institutional-page #home-calendar-title{font-size:24px!important;line-height:1.15!important;margin:0!important}.institutional-page #actividades .eyebrow{font-size:9px!important;margin:0 0 4px!important}.institutional-page #actividades .home-activities-intro>p{font-size:11px!important;margin:0!important;line-height:1.3!important}}

@media(max-width:600px){
/* Portada vertical profesional · 9 octubre 2026 */
html body.institutional-page .site-header{background:#fffdf8!important;color:#514a3e!important}
html body.institutional-page .site-header :is(.desktop-nav a,.desktop-more-menu summary,.church-brand-name span){color:#514a3e!important;opacity:1!important}
html body.institutional-page .site-header .church-brand-name strong{color:#8c641e!important}
html body.institutional-page #inicio.hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:54px!important;align-items:center!important;min-height:0!important;padding:48px max(5vw,calc((100vw - 1240px)/2)) 50px!important;background:#fffdf8!important;overflow:hidden!important}
html body.institutional-page #inicio.hero::before{display:none!important}
html body.institutional-page #inicio .hero-copy{position:relative!important;min-width:0!important;color:#514a3e!important}
html body.institutional-page #inicio .eyebrow{font:600 11px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.2em!important;color:#8c641e!important;margin:0 0 16px!important}
html body.institutional-page #inicio h1{font-family:Georgia,serif!important;font-size:clamp(40px,4.4vw,62px)!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.025em!important;color:#514a3e!important;-webkit-text-fill-color:#514a3e!important;background:none!important;text-shadow:none!important;margin:0 0 20px!important;max-width:590px!important}
html body.institutional-page #inicio h1 :is(span,em){color:inherit!important;-webkit-text-fill-color:inherit!important;background:none!important;text-shadow:none!important}
html body.institutional-page #inicio h1 .hero-title-gold{color:#8c641e!important;-webkit-text-fill-color:#8c641e!important;font-style:italic!important}
html body.institutional-page #inicio .hero-lead{display:block!important;opacity:1!important;visibility:visible!important;color:#68645d!important;font:400 16px/1.7 Inter,Arial,sans-serif!important;margin:0!important;max-width:470px!important}
html body.institutional-page #inicio .hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:26px 0 0!important}
html body.institutional-page #inicio .hero-actions .button{min-height:48px!important;padding:11px 20px!important;border-radius:10px!important;box-shadow:none!important;backdrop-filter:none!important;font:600 13px/1.4 Inter,Arial,sans-serif!important;transform:none!important;text-align:center!important}
html body.institutional-page #inicio .hero-actions .button-dark{background:#c9962e!important;border:1px solid #c9962e!important;color:#fffdf8!important}
html body.institutional-page #inicio .hero-actions .button-light{background:#fffdf8!important;border:1px solid #ded8ce!important;color:#8c641e!important}
html body.institutional-page #inicio .hero-visual{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;inset:auto!important;margin:0!important;padding:0 0 16px!important;filter:none!important;box-shadow:none!important}
html body.institutional-page #inicio .hero-photo-wrap{position:relative!important;inset:auto!important;width:100%!important;height:460px!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 12px 36px rgba(140,100,30,.08)!important;transform:none!important}
html body.institutional-page #inicio .hero-photo-wrap::before{display:none!important}
html body.institutional-page #inicio .hero-slide{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important}
html body.institutional-page #inicio .hero-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 43%!important;border-radius:0!important;filter:none!important}
html body.institutional-page #inicio .hero-caption{position:relative!important;inset:auto!important;display:block!important;width:fit-content!important;max-width:92%!important;margin:-22px auto 0!important;z-index:3!important;padding:10px 20px!important;border:1px solid #e5c56b!important;border-radius:10px!important;background:#fffdf8!important;color:#8c641e!important;font:italic 17px/1.3 Georgia,serif!important;box-shadow:0 4px 14px rgba(140,100,30,.06)!important}
html body.institutional-page #inicio .hero-carousel-controls{position:relative!important;inset:auto!important;display:flex!important;justify-content:center!important;gap:5px!important;margin:10px 0 0!important;height:16px!important}
html body.institutional-page #inicio .hero-dot{border:0!important;background:#ded8ce!important;box-shadow:none!important;width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;padding:0!important;border-radius:50%!important}
html body.institutional-page #inicio .hero-dot.active{background:#8c641e!important}
html body.institutional-page #inicio :is(.orbit,.hero-signature,.hero-bg){display:none!important}
@media(max-width:600px){
 html body.institutional-page .service-topbar{display:none!important}
 html body.institutional-page .site-header .header-inner{padding:10px 5vw!important;min-height:68px!important;gap:12px!important}
 html body.institutional-page .brand-logo{width:46px!important;height:46px!important;border-radius:8px!important;box-shadow:none!important}
 html body.institutional-page .church-brand-name strong{font-size:9px!important;letter-spacing:.17em!important}
 html body.institutional-page .church-brand-name span{display:block!important;font-size:15px!important;line-height:1.1!important;max-width:190px!important}
 html body.institutional-page .mobile-menu-toggle{background:#f4ead2!important;border:1px solid #ded8ce!important;border-radius:10px!important;box-shadow:none!important;color:#8c641e!important}
 html body.institutional-page .mobile-menu-toggle span{background:#8c641e!important}
 html body.institutional-page #inicio.hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;padding:16px 5vw 28px!important}
 html body.institutional-page #inicio .hero-visual{order:-1!important;padding:0!important;margin:0!important;width:100%!important}
 html body.institutional-page #inicio .hero-photo-wrap{height:clamp(220px,65vw,310px)!important;border-radius:18px!important}
 html body.institutional-page #inicio .hero-photo{object-position:50% 40%!important}
 html body.institutional-page #inicio .hero-caption{font-size:13px!important;padding:8px 12px!important;margin:-18px auto 0!important}
 html body.institutional-page #inicio .hero-carousel-controls{margin:9px 0 0!important;height:9px!important}
 html body.institutional-page #inicio .hero-copy{order:1!important;width:100%!important}
 html body.institutional-page #inicio .eyebrow{font-size:9px!important;letter-spacing:.19em!important;margin-bottom:10px!important}
 html body.institutional-page #inicio h1{font-size:clamp(31px,8.7vw,42px)!important;line-height:1.08!important;margin-bottom:14px!important;max-width:100%!important}
 html body.institutional-page #inicio .hero-lead{font-size:13px!important;line-height:1.6!important;max-width:100%!important}
 html body.institutional-page #inicio .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:18px!important}
 html body.institutional-page #inicio .hero-actions .button{width:100%!important;padding:10px 8px!important;min-height:44px!important;font-size:11px!important;gap:5px!important}
}
@media(prefers-reduced-motion:reduce){html body.institutional-page #inicio *{transition:none!important;animation:none!important}}

}

/* Iglesia y esencia unificadas, 9 octubre 2026. */
.institutional-page .church-identity{display:block;width:min(1240px,calc(100% - 48px));margin:36px auto;padding:clamp(24px,3vw,40px);background:#fffdf8;border:1px solid #ded8ce;border-radius:12px;box-shadow:0 8px 24px rgba(22,22,22,.04)}
.institutional-page .church-identity-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,48px);align-items:center}.institutional-page .church-identity .essence-copy h2{font-size:clamp(1.9rem,3.2vw,3rem);max-width:20ch;margin:12px 0 18px;line-height:1.13}.institutional-page .church-identity .essence-copy p:not(.eyebrow){max-width:65ch;font-size:1rem;line-height:1.7}.institutional-page .church-identity .about-media{margin:0;min-width:0;max-width:none}.institutional-page .church-identity .about-media img{width:100%;height:240px;object-fit:cover;border-radius:8px}.institutional-page .church-identity .about-media figcaption{font-size:.82rem;line-height:1.5;margin-top:8px;color:#68645d}.institutional-page .church-identity .hero-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:28px 0 0;border-top:1px solid #ded8ce}.institutional-page .church-identity .hero-values article{display:block;padding:0;border:0;background:transparent;min-width:0}.institutional-page .church-identity .hero-values article>span{display:block;margin-bottom:8px;color:#8c641e;font-size:.78rem;letter-spacing:.08em}.institutional-page .church-identity .hero-values h3{font-size:1rem;margin:0 0 8px}.institutional-page .church-identity .hero-values p{font-size:.9rem;line-height:1.6;margin:0;color:#68645d}
@media(max-width:900px){.institutional-page .church-identity .hero-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.institutional-page .church-identity{width:calc(100% - 32px);padding:22px;margin:24px auto}.institutional-page .church-identity-intro{grid-template-columns:1fr;gap:20px}.institutional-page .church-identity .about-media img{height:200px}.institutional-page .church-identity .hero-values{grid-template-columns:1fr;gap:18px;margin-top:22px;padding-top:22px}.institutional-page .church-identity .hero-values article{display:grid;grid-template-columns:26px 1fr;gap:10px}.institutional-page .church-identity .hero-values article>span{margin-top:2px}}

.institutional-page .church-identity .hero-values article:last-child{grid-column:auto}

/* Enlaces rápidos compactos, 9 octubre 2026. */
.institutional-page .site-footer-compact{background:#faf7f0;color:#514a3e;border-top:1px solid #ded8ce}.institutional-page .site-footer-compact .footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 32px;max-width:1240px;margin:auto;padding:18px 24px}.institutional-page .site-footer-compact .footer-brand{display:block;min-width:0;max-width:none}.institutional-page .site-footer-compact .footer-brand h2{font:600 .95rem/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:0;color:#514a3e}.institutional-page .site-footer-compact .footer-brand span{display:block;margin-top:3px;font-size:.75rem;color:#68645d}.institutional-page .footer-links-compact{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin:0;max-width:100%}.institutional-page .footer-links-compact>p{font-size:.7rem;letter-spacing:.08em;color:#8c641e;margin:0;line-height:1.5}.institutional-page .footer-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.institutional-page .footer-link-row>a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;margin:0;border:0;background:transparent;color:#514a3e;font-size:.84rem;line-height:1.4;text-decoration:underline;text-decoration-color:#c9962e;text-underline-offset:4px;gap:0;white-space:normal;overflow-wrap:anywhere}.institutional-page .footer-link-row>a:hover{color:#8c641e}.institutional-page .site-footer-compact .footer-bottom{padding:10px 20px;margin:0;font-size:.7rem;line-height:1.5;background:transparent;border-top:1px solid #ded8ce;color:#68645d}@media(max-width:600px){.institutional-page .site-footer-compact .footer-main{padding:16px;gap:8px;width:100%;display:flex;align-items:flex-start;flex-direction:column}.institutional-page .footer-links-compact{gap:0 12px}.institutional-page .footer-link-row{gap:0 14px}.institutional-page .site-footer-compact .footer-bottom{text-align:left;padding:10px 16px}}

/* Pie negro publicado 20261009 */
.institutional-page .site-footer-compact{background:#111111!important;color:#fffdf8;border-top-color:#39372f}
.institutional-page .site-footer-compact .footer-main,.institutional-page .site-footer-compact .footer-bottom{background:#111111!important}
.institutional-page .site-footer-compact .footer-brand h2{color:#fffdf8}
.institutional-page .site-footer-compact .footer-brand span,.institutional-page .site-footer-compact .footer-bottom{color:#d5d0c4!important;border-top-color:#39372f}
.institutional-page .site-footer-compact .footer-links-compact>p,.institutional-page .site-footer-compact .footer-link-row>a{color:#e5c56b}
.institutional-page .site-footer-compact .footer-link-row>a:hover{color:#fffdf8}

/* Compact information card */
html body.institutional-page .institutional-service-strip{background:transparent!important;border:0!important;padding:12px 4vw!important}
html body.institutional-page .institutional-service-strip .hero-service-details{width:min(1240px,100%)!important;margin:0 auto!important;padding:16px!important;border:1px solid #ded4bb!important;border-radius:14px!important;background:#f4ead2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body.institutional-page .institutional-service-strip article{padding:0!important;margin:0!important;border:0!important;background:transparent!important;min-width:0!important}
html body.institutional-page .institutional-service-strip article+article{border-left:1px solid #ded4bb!important;padding-left:16px!important}
html body.institutional-page .institutional-service-strip article p{margin:0!important;display:grid!important;gap:2px!important;line-height:1.35!important}
html body.institutional-page .institutional-service-strip strong{font-size:11px!important;letter-spacing:.09em!important;color:#88641e!important}
html body.institutional-page .institutional-service-strip small{font-size:14px!important;line-height:1.35!important;font-weight:500!important;overflow-wrap:anywhere!important}
html body.institutional-page .institutional-service-strip em{font-size:12px!important;line-height:1.35!important;font-style:normal!important}
@media(max-width:760px){html body.institutional-page .institutional-service-strip .hero-service-details{grid-template-columns:1fr!important;gap:8px!important;padding:14px!important}html body.institutional-page .institutional-service-strip article+article{border-left:0!important;padding-left:0!important;border-top:1px solid #ded4bb!important;padding-top:8px!important}html body.institutional-page .institutional-service-strip small{font-size:13px!important}}

/* Active portal dashboard compact layout */
.portal-main:has(.portal-dashboard-compact){padding:24px 3%!important}
.portal-main:has(.portal-dashboard-compact)>.portal-topbar{margin-bottom:18px!important;gap:12px!important;align-items:center!important}
.portal-main:has(.portal-dashboard-compact)>.portal-topbar .eyebrow{display:none!important}
.portal-main:has(.portal-dashboard-compact)>.portal-topbar h1{font-size:clamp(1.35rem,3vw,1.8rem)!important;margin:0!important}
.portal-main:has(.portal-dashboard-compact) .portal-user-card{padding:10px 12px!important;min-width:0!important;max-width:350px!important}
.portal-dashboard-compact .portal-section-head{margin:0 0 10px!important;gap:8px!important;align-items:center!important}
.portal-dashboard-compact .portal-section-head h2{font-size:1.1rem!important;margin:0!important}
.portal-attendance-count{font-size:.8rem;color:var(--muted,#666)}
.portal-dashboard-compact .portal-work-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.portal-dashboard-compact .portal-work-card{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;min-height:64px!important;padding:14px!important;gap:8px!important;box-shadow:none!important;border-radius:8px!important}
.portal-dashboard-compact .portal-work-card h2{font-size:.95rem!important;line-height:1.35!important;margin:0!important;overflow-wrap:anywhere}
.portal-dashboard-compact .portal-work-card>span{margin:0!important;padding:0!important;flex-shrink:0}
.portal-dashboard-compact .portal-work-card:hover{border-color:var(--gold,#c69724)}
.portal-dashboard-compact .portal-work-card:focus-visible{outline:2px solid var(--gold,#c69724);outline-offset:2px}
@media(max-width:760px){
.portal-main:has(.portal-dashboard-compact){padding:16px 12px!important}
.portal-main:has(.portal-dashboard-compact)>.portal-topbar{margin-bottom:14px!important;gap:10px!important}
.portal-main:has(.portal-dashboard-compact) .portal-user-card{width:auto!important;max-width:none!important}
.portal-dashboard-compact .portal-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.portal-dashboard-compact .portal-work-card{min-height:60px!important;padding:10px!important}
.portal-dashboard-compact .portal-work-card h2{font-size:.85rem!important}
.portal-dashboard-compact .portal-section-head{flex-direction:row!important;flex-wrap:wrap}
}



/* Shared church selector theme: all public pages and private modules. */
:root{--church-select-cream:#fffdf5;--church-select-ivory:#f7f2e5;--church-select-gold:#b89a4c;--church-select-line:#cdbd92;--church-select-ink:#8c641e;--church-select-forest:#8c641e;--church-select-active:#e9dfc0}
html body select:not([multiple]):not([size]),html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]),html body [role="combobox"]{
 box-sizing:border-box!important;max-width:100%;min-height:38px!important;border:1px solid var(--church-select-line)!important;border-radius:8px!important;background-color:var(--church-select-cream)!important;color:var(--church-select-ink)!important;font-family:inherit!important;font-size:.875rem!important;font-weight:500!important;line-height:1.35!important;padding:8px 11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important;color-scheme:light;accent-color:var(--church-select-gold);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
html body select:not([multiple]):not([size]){
 appearance:none!important;-webkit-appearance:none!important;padding-right:32px!important;background-image:linear-gradient(45deg,transparent 50%,#806629 50%),linear-gradient(135deg,#806629 50%,transparent 50%)!important;background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;cursor:pointer!important;text-overflow:ellipsis;
}
html body select:is([multiple],[size]){border:1px solid var(--church-select-line)!important;border-radius:8px!important;background:var(--church-select-cream)!important;color:var(--church-select-ink)!important;font:inherit!important;padding:6px!important;color-scheme:light;accent-color:var(--church-select-gold)}
html body select option,html body select optgroup{background:var(--church-select-cream)!important;color:var(--church-select-ink)!important;font-family:inherit!important}
html body select option:checked{background:var(--church-select-active)!important;color:var(--church-select-forest)!important}
html body select option:disabled{color:#8d8879!important}
html body select:not(:disabled):hover,html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]):not(:disabled):hover,html body [role="combobox"]:not([aria-disabled="true"]):hover{border-color:var(--church-select-gold)!important;background-color:#fffaf0!important}
html body select:focus-visible,html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]):focus-visible,html body [role="combobox"]:focus-visible{outline:2px solid var(--church-select-gold)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(184,154,76,.14)!important;background-color:#fffaf0!important}
html body select:disabled,html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]):disabled,html body [role="combobox"][aria-disabled="true"]{background-color:#eee9dc!important;color:#827d70!important;border-color:#d9d1bc!important;cursor:not-allowed!important;box-shadow:none!important}
html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"])::-webkit-calendar-picker-indicator{opacity:.85;cursor:pointer;filter:sepia(.9) saturate(1.5) hue-rotate(4deg)}
html body :is(.finance-inline-sheet[data-entry-type="income"],.finance-entry-sheet[data-entry-type="income"]) select{color:var(--church-select-forest)!important}
html body [role="listbox"]{background:var(--church-select-cream)!important;border:1px solid var(--church-select-line)!important;border-radius:8px!important;color:var(--church-select-ink)!important;box-shadow:0 8px 24px rgba(94,74,27,.12)!important}
html body [role="option"][aria-selected="true"]{background:var(--church-select-active)!important;color:var(--church-select-forest)!important}
@supports (appearance:base-select){
 html body select:not([multiple]):not([size]),html body select:not([multiple]):not([size])::picker(select){appearance:base-select!important}
 html body select:not([multiple]):not([size]){background-image:none!important;padding-right:11px!important;gap:12px;align-items:center}
 html body select:not([multiple]):not([size])::picker-icon{color:#806629;margin-left:auto;transition:rotate .15s ease}
 html body select:not([multiple]):not([size]):open::picker-icon{rotate:180deg}
 html body select:not([multiple]):not([size])::picker(select){background:var(--church-select-cream)!important;border:1px solid var(--church-select-line)!important;border-radius:10px!important;padding:5px!important;margin-top:5px;box-shadow:0 10px 26px rgba(94,74,27,.15)!important;max-height:min(320px,60vh);overflow:auto;color:var(--church-select-ink)!important;scrollbar-color:var(--church-select-gold) var(--church-select-ivory)}
 html body select:not([multiple]):not([size]) option{padding:9px 11px!important;border-radius:6px;gap:9px;font-size:.875rem!important;white-space:normal;line-height:1.35!important;cursor:pointer}
 html body select:not([multiple]):not([size]) option:is(:hover,:focus-visible){background:#f1e9d1!important;outline:0}
 html body select:not([multiple]):not([size]) option:checked{background:var(--church-select-active)!important;color:var(--church-select-forest)!important;font-weight:600!important}
 html body select:not([multiple]):not([size]) option::checkmark{color:var(--church-select-forest);margin-left:auto;order:1}
 html body select:not([multiple]):not([size]) optgroup{font-size:.8rem;font-weight:700;color:#725d2c!important}
}
@media(prefers-reduced-motion:reduce){html body select,html body [role="combobox"]{transition:none!important}}
@media print{html body select,html body input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]){color:#222!important;background-color:#fff!important;box-shadow:none!important;outline:none!important;border-color:#bbb!important}}

html body select:not([multiple]):not([size]):not(:disabled):hover{border-color:var(--church-select-gold)!important;background-color:#fffaf0!important}
html body select:not([multiple]):not([size]):focus-visible,html body select:not([multiple]):not([size]):open{border-color:var(--church-select-gold)!important;background-color:#fffaf0!important;outline:2px solid var(--church-select-gold)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(184,154,76,.14)!important}
html body select:not([multiple]):not([size]):disabled{background-color:#eee9dc!important;color:#827d70!important;border-color:#d9d1bc!important;cursor:not-allowed!important;box-shadow:none!important}

/* Encabezado negro aprobado y acabado elegante del inicio */
html body header.site-header.site-header{background:#000!important;border-bottom:1px solid #b89a4c!important;color:#fffdf5!important}html body header.site-header.site-header .church-brand-name strong,html body header.site-header.site-header .church-brand-name>span,html body header.site-header.site-header .desktop-nav>a,html body header.site-header.site-header summary{color:#fffdf5!important}html body header.site-header.site-header .site-slogan{color:#d8c58f!important}html body header.site-header.site-header .desktop-nav>a:hover,html body header.site-header.site-header summary:hover{color:#e5c56b!important}html body header.site-header.site-header .nav-portal{background:#211d14!important;border-color:#b89a4c!important}html body header.site-header.site-header .mobile-menu-toggle span{background:#e5c56b!important}html body header.site-header.site-header .desktop-more-menu>div{background:#15130e!important;border-color:#b89a4c!important}html body header.site-header.site-header .desktop-more-menu>div a,html body header.site-header.site-header .desktop-more-menu>div strong{color:#fffdf5!important}html body header.site-header.site-header .desktop-more-menu>div span{color:#d8c58f!important}@media(max-width:900px){html body header.site-header.site-header .desktop-nav{background:#000!important}html body header.site-header.site-header .desktop-nav a{color:#fffdf5!important}}

/* Inicio elegante */
#inicio.hero{gap:clamp(24px,4vw,64px);padding-top:42px;padding-bottom:42px;background:#fffdf5}#inicio .hero-copy h1{color:#8c641e!important;line-height:1.12;letter-spacing:-.035em}#inicio .hero-title-gold{color:#987632!important}#inicio .hero-lead{color:#514d40;max-width:48ch;font-size:1.03rem;line-height:1.7}#inicio .hero-photo-wrap{border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(74,57,24,.12);border:1px solid #e3d8bb}#inicio .button{border-radius:9px;min-height:44px;font-weight:600;transition:background .15s,color .15s}#inicio .button-dark{background:#8c641e!important;color:#fffdf5!important;border:1px solid #8c641e!important}#inicio .button-dark:hover{background:#000!important}#inicio .button-light{background:#fffdf5!important;color:#725d2c!important;border:1px solid #b89a4c!important}.eyebrow{color:#806629!important}.institutional-service-strip{border:1px solid #ddd0ab!important;box-shadow:none!important}#somos.church-identity,.home-devotional-promo,.home-activities-section{border-radius:16px;border-color:#ddd0ab!important;box-shadow:0 4px 20px rgba(74,57,24,.04)}@media(max-width:640px){#inicio.hero{display:flex!important;flex-direction:column!important;gap:22px;padding:20px 18px 30px!important}#inicio .hero-visual{order:-1;width:100%}#inicio .hero-copy{width:100%}#inicio .hero-copy h1{font-size:clamp(2rem,8.2vw,2.7rem)!important}#inicio .hero-photo-wrap{max-height:340px}#inicio .hero-photo{width:100%;object-fit:cover}#inicio .hero-actions{display:flex;flex-wrap:wrap;gap:10px}#inicio .hero-caption{font-size:1rem}}

html body #inicio .hero-lead{color:#514d40!important}html body #inicio .hero-photo-wrap{border-radius:18px!important}

/* INICIO RESPONSIVE PC TABLET MOVIL */
html body.institutional-page{min-width:0}
html body.institutional-page *,html body.institutional-page *::before,html body.institutional-page *::after{box-sizing:border-box}
html body.institutional-page main{width:100%;min-width:0}
html body.institutional-page main>section{max-width:100%;min-width:0}
html body.institutional-page main :is(img,iframe,video){max-width:100%}
html body.institutional-page main :is(p,a,h1,h2,h3){overflow-wrap:break-word}
html body.institutional-page .site-header .header-inner{width:min(1240px,calc(100% - 48px));margin-inline:auto;min-width:0}
html body.institutional-page header.site-header.site-header{background:#000!important;color:#fffdf5!important}
html body.institutional-page header.site-header.site-header :is(.church-brand-name span,.desktop-nav a,.desktop-more-menu summary){color:#fffdf5!important}
html body.institutional-page header.site-header.site-header .church-brand-name strong{color:#d8c58f!important}
html body.institutional-page #inicio.hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;gap:clamp(24px,4vw,60px)!important;padding:clamp(28px,4vw,56px) max(24px,calc((100vw - 1240px)/2))!important;min-height:0!important;align-items:center!important;background:#fffdf5!important}
html body.institutional-page #inicio.hero :is(.hero-copy,.hero-visual){min-width:0!important;width:100%!important;max-width:none!important;position:relative!important;inset:auto!important}
html body.institutional-page #inicio.hero h1{font-size:clamp(34px,4.5vw,64px)!important;line-height:1.1!important;letter-spacing:-.03em!important;color:#8c641e!important;-webkit-text-fill-color:#8c641e!important;margin:0 0 22px!important}
html body.institutional-page #inicio.hero h1 .hero-title-gold{color:#987632!important;-webkit-text-fill-color:#987632!important}
html body.institutional-page #inicio.hero .hero-lead{color:#514d40!important;font-size:clamp(14px,1.2vw,17px)!important;line-height:1.65!important;margin:0!important}
html body.institutional-page #inicio.hero .hero-photo-wrap{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important}
html body.institutional-page #inicio.hero .hero-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
html body.institutional-page #inicio.hero .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}
html body.institutional-page #inicio.hero .hero-actions .button{min-height:44px!important;max-width:100%;padding:12px 18px!important;font-size:13px!important;border-radius:9px!important}
html body.institutional-page #inicio.hero .button-dark{background:#8c641e!important;color:#fffdf5!important;border-color:#8c641e!important}
html body.institutional-page #inicio.hero .button-light{background:#fffdf5!important;color:#725d2c!important;border-color:#b89a4c!important}
html body.institutional-page #home-calendar{width:100%!important;max-width:100%!important;display:block;border:0}
html body.institutional-page :is(.church-identity-intro,.home-activities-intro,.visit,.give,.visual-promo)>*{min-width:0}
html body.institutional-page :is(input,select,textarea){max-width:100%}
@media(min-width:761px) and (max-width:1100px){
html body.institutional-page #inicio.hero{gap:28px!important;padding:32px 24px!important}
html body.institutional-page #inicio.hero h1{font-size:clamp(34px,4.5vw,48px)!important}
html body.institutional-page #inicio.hero .hero-photo-wrap{aspect-ratio:4/5!important}
html body.institutional-page #inicio.hero .hero-caption{font-size:16px!important;padding:10px 12px!important;max-width:96%!important}
html body.institutional-page :is(.section,.home-devotional-promo,.home-activities-section,.messages,.visual-promo,.give){padding-inline:24px!important}
}
@media(max-width:1100px){
html body.institutional-page .site-header .header-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important;padding:12px 0!important}
html body.institutional-page .site-header .brand{min-width:0;max-width:calc(100% - 58px)}
html body.institutional-page .site-header .mobile-menu-toggle{display:block!important;width:44px!important;height:44px!important;flex:0 0 44px;background:#211d14!important;border:1px solid #b89a4c!important;border-radius:9px!important}
html body.institutional-page .site-header .mobile-menu-toggle span{background:#e5c56b!important}
html body.institutional-page .site-header .desktop-nav{display:none!important;width:100%!important;flex-basis:100%!important;background:#000!important;padding-top:12px!important;max-height:calc(100dvh - 100px);overflow-y:auto}
html body.institutional-page .site-header .desktop-nav.is-open{display:flex!important;flex-direction:column!important}
html body.institutional-page .site-header .desktop-nav>a,html body.institutional-page .site-header .desktop-more-menu summary{min-height:44px;padding:12px!important}
}
@media(max-width:760px){
html body.institutional-page .service-topbar{display:none!important}
html body.institutional-page .site-header .header-inner{width:calc(100% - 32px)!important;padding:10px 0!important;min-height:66px!important}
html body.institutional-page .site-header .brand-logo{width:42px!important;height:42px!important}
html body.institutional-page .site-header .church-brand-name>span{font-size:15px!important;max-width:none!important}
html body.institutional-page #inicio.hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:18px 16px 28px!important}
html body.institutional-page #inicio.hero .hero-visual{order:-1!important;padding:0!important;margin:0!important}
html body.institutional-page #inicio.hero .hero-copy{order:1!important}
html body.institutional-page #inicio.hero .hero-photo-wrap{height:clamp(220px,64vw,360px)!important;aspect-ratio:auto!important;border-radius:16px!important}
html body.institutional-page #inicio.hero .hero-caption{position:relative!important;inset:auto!important;width:fit-content!important;max-width:92%!important;margin:-20px auto 0!important;padding:9px 13px!important;font-size:15px!important;background:#f4ead2!important;color:#725d2c!important;border-radius:8px!important;z-index:3}
html body.institutional-page #inicio.hero .hero-carousel-controls{justify-content:center!important;margin:8px 0!important}
html body.institutional-page #inicio.hero h1{font-size:clamp(30px,7.7vw,46px)!important;margin-bottom:14px!important}
html body.institutional-page #inicio.hero .hero-lead{font-size:14px!important;line-height:1.6!important}
html body.institutional-page #inicio.hero .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;margin-top:18px!important}
html body.institutional-page #inicio.hero .hero-actions .button{width:100%!important;padding:11px 8px!important;font-size:12px!important;white-space:normal!important}
html body.institutional-page :is(.section,.home-devotional-promo,.home-activities-section,.messages,.visual-promo,.give){padding:28px 16px!important}
html body.institutional-page :is(.church-identity-intro,.home-devotional-promo,.home-activities-intro,.visit,.give,.visual-promo){grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
html body.institutional-page .church-identity{width:calc(100% - 32px)!important;margin:20px auto!important;padding:20px!important}
html body.institutional-page .visit-form{min-width:0;padding:18px!important}
html body.institutional-page :is(.hero-service-details,.footer-main){min-width:0;max-width:100%}
html body.institutional-page .footer-main{padding:24px 16px!important}
}
@media(max-width:359px){
html body.institutional-page #inicio.hero .hero-actions{grid-template-columns:minmax(0,1fr)!important}
html body.institutional-page .site-header .church-brand-name>span{font-size:13px!important}
html body.institutional-page .site-header .church-brand-name strong{font-size:8px!important}
}
/* FIN INICIO RESPONSIVE */

/* Explorar follows the regular navigation links while retaining native disclosure. */
html body:not(.institutional-page) header.site-header.site-header .desktop-nav>.desktop-more-menu>summary{font:600 14px/21px "Segoe UI",Arial,Helvetica,sans-serif!important;padding:9px 15px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:#fffdf5!important;list-style:none!important;cursor:pointer}
html body header.site-header.site-header .desktop-nav>.desktop-more-menu>summary::after{content:none!important;display:none!important}
html body header.site-header.site-header .desktop-nav>.desktop-more-menu>summary::-webkit-details-marker{display:none!important}
html body header.site-header.site-header .desktop-nav>.desktop-more-menu>summary::marker{content:""!important}
html body:not(.institutional-page) header.site-header.site-header .desktop-nav>.desktop-more-menu>summary:hover{background:transparent!important;border-color:transparent!important;color:#e5c56b!important}
html body header.site-header.site-header .desktop-nav>.desktop-more-menu>summary:focus-visible{outline:2px solid #e5c56b!important;outline-offset:3px!important}

/* CDA RESPONSIVE CONTRAST 20261011: existing palette, readable links on ivory. */
html body.institutional-page #inicio .hero-actions .hero-link { color:var(--gold-text,#8c641e)!important; text-decoration-color:currentColor!important; }
html body.institutional-page #inicio .hero-actions .hero-link:focus-visible { outline:2px solid var(--gold-text,#8c641e)!important; outline-offset:4px; }

/* CDA PROFESSIONAL MENU 20261011 */
html body.institutional-page .site-header .desktop-more-menu>div{background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:14px!important;padding:8px!important;box-shadow:0 16px 40px rgba(22,22,22,.18)!important;top:calc(100% + 14px)!important;min-width:250px!important}
html body.institutional-page .site-header .desktop-more-menu>div a{display:block!important;padding:14px 16px!important;border-radius:9px!important;color:#161616!important;text-decoration:none!important}
html body.institutional-page .site-header .desktop-more-menu>div a span{color:#68645d!important}
html body.institutional-page .site-header .desktop-more-menu>div a:hover{background:#f4ead2!important}
html body.institutional-page .site-header .desktop-more-menu>summary{display:flex!important;align-items:center!important;gap:8px!important}
html body.institutional-page .site-header .desktop-more-menu>summary::after{content:'⌄'!important;display:inline-block!important;color:#e5c56b!important;font-size:16px!important}
html body.institutional-page .site-header .desktop-more-menu[open]>summary::after{transform:rotate(180deg)}
@media(max-width:1100px){
html body.institutional-page .site-header .header-inner{position:relative!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;width:auto!important;flex-basis:auto!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;overscroll-behavior:contain;background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:16px!important;padding:12px!important;box-shadow:0 20px 50px rgba(22,22,22,.23)!important;z-index:100!important;gap:2px!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav>a,html body.institutional-page .site-header .header-inner nav.desktop-nav .desktop-more-menu>summary{color:#161616!important;background:transparent!important;border:0!important;border-radius:9px!important;padding:12px 14px!important;min-height:46px!important;font-size:15px!important;line-height:22px!important;text-align:left!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav>a:hover,html body.institutional-page .site-header .header-inner nav.desktop-nav .desktop-more-menu>summary:hover{background:#f4ead2!important;color:#8c641e!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav>a:focus-visible,html body.institutional-page .site-header .header-inner nav.desktop-nav summary:focus-visible{outline:2px solid #8c641e!important;outline-offset:-2px!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav>a.nav-portal{background:#161616!important;color:#fffdf8!important;margin:8px 0!important;text-align:center!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav .desktop-more-menu>summary{justify-content:space-between!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav .desktop-more-menu>summary::after{color:#8c641e!important}
html body.institutional-page .site-header .header-inner nav.desktop-nav .desktop-more-menu>div{position:static!important;min-width:0!important;width:auto!important;margin:0 4px 4px!important;box-shadow:none!important;background:#faf7f0!important}
html body.institutional-page .site-header .mobile-menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
html body.institutional-page .site-header .mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0!important}
html body.institutional-page .site-header .mobile-menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
}

html body.institutional-page header.site-header.site-header.site-header .desktop-nav .desktop-more-menu>summary::after{content:"⌄"!important;display:inline-block!important;font-size:16px!important;margin-left:8px!important}

html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div{background:#fffdf8!important;border:1px solid #ded8ce!important}
html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div a,html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div a strong{color:#161616!important;background:transparent!important}
html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div a span{color:#68645d!important}
html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div a:hover{background:#f4ead2!important}

/* CDA MENU FIT CONTENT 20261011 */
html body.institutional-page header.site-header.site-header.site-header nav.desktop-nav .desktop-more-menu>div{width:max-content!important;min-width:0!important;max-width:calc(100vw - 32px)!important}
@media(max-width:1100px){
html body.institutional-page header.site-header.site-header.site-header .header-inner nav.desktop-nav{left:auto!important;right:0!important;width:max-content!important;min-width:0!important;max-width:calc(100vw - 32px)!important;padding:8px!important;gap:0!important;align-items:stretch!important}
html body.institutional-page header.site-header.site-header.site-header .header-inner nav.desktop-nav>a,html body.institutional-page header.site-header.site-header.site-header .header-inner nav.desktop-nav .desktop-more-menu>summary{min-height:44px!important;padding:10px 14px!important}
html body.institutional-page header.site-header.site-header.site-header .header-inner nav.desktop-nav>a.nav-portal{margin:6px 0!important}
html body.institutional-page header.site-header.site-header.site-header .header-inner nav.desktop-nav .desktop-more-menu>div{width:auto!important;max-width:100%!important}
}

/* CDA USER AVATAR MENU 20261011 */
html body.institutional-page header.site-header.site-header.site-header .mobile-menu-toggle{border-radius:50%!important;padding:3px!important;border:1px solid #c9962e!important;background:#161616!important;box-shadow:none!important}
html body.institutional-page header.site-header.site-header.site-header .mobile-menu-toggle .menu-avatar{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#f4ead2!important;color:#8c641e!important;font:600 14px/1 Inter,Arial,sans-serif!important;letter-spacing:.02em}
html body.institutional-page header.site-header.site-header.site-header .mobile-menu-toggle .menu-avatar svg{width:24px;height:24px}
html body.institutional-page header.site-header.site-header.site-header .mobile-menu-toggle[aria-expanded=true]{outline:2px solid #e5c56b!important;outline-offset:3px!important}

/* CDA PORTAL READABILITY 20261011 */
html body main.users-page-main.users-page-main{color:#161616!important;font-family:Inter,Arial,sans-serif!important}
html body main.users-page-main.users-page-main .owner-command-menu{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;background:#161616!important;padding:10px!important;width:100%!important;max-width:100%!important;position:static!important;height:auto!important;border:1px solid #8c641e!important}
html body main.users-page-main.users-page-main .owner-command-menu a{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:64px!important;height:auto!important;padding:12px 14px!important;background:#24221d!important;color:#fffdf8!important;border:1px solid #51462d!important;border-radius:10px!important;white-space:normal!important}
html body main.users-page-main.users-page-main .owner-command-menu a strong{color:#fffdf8!important;font-size:15px!important;line-height:1.4!important}
html body main.users-page-main.users-page-main .owner-command-menu a small{display:block!important;color:#e5c56b!important;font-size:12px!important;line-height:1.5!important;white-space:normal!important}
html body main.users-page-main.users-page-main .owner-command-menu a svg{color:#e5c56b!important;flex:0 0 20px!important}
html body main.users-page-main.users-page-main .owner-command-menu a:hover{background:#393126!important}
html body main.users-page-main.users-page-main .owner-command-menu a:focus-visible{outline:2px solid #e5c56b!important;outline-offset:2px!important}
html body main.users-page-main.users-page-main .owner-command-menu a>span{min-width:0!important}
html body main.users-page-main.users-page-main .personal-qr-card{height:auto!important;min-height:0!important;color:#161616!important}
html body main.users-page-main.users-page-main .personal-qr-card h2,html body main.users-page-main.users-page-main .personal-qr-card span,html body main.users-page-main.users-page-main .personal-qr-card p{color:#68645d!important;line-height:1.5!important;opacity:1!important}
html body main.users-page-main.users-page-main .portal-module-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:12px!important}
html body main.users-page-main.users-page-main .portal-module-grid a{min-width:0!important;height:auto!important;min-height:76px!important;white-space:normal!important;gap:10px!important;padding:14px!important}
html body main.users-page-main.users-page-main .portal-module-grid a strong{min-width:0!important;font:600 14px/1.5 Inter,Arial,sans-serif!important;color:#161616!important;overflow-wrap:anywhere!important}
html body main.users-page-main.users-page-main .account-overview{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:20px!important;height:auto!important;min-height:0!important;padding:20px!important;background:#faf7f0!important}
html body main.users-page-main.users-page-main .account-overview h2,html body main.users-page-main.users-page-main .account-overview strong{color:#161616!important;line-height:1.4!important}
html body main.users-page-main.users-page-main .account-overview p,html body main.users-page-main.users-page-main .account-overview span{color:#68645d!important;line-height:1.5!important}
html body main.users-page-main.users-page-main .account-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:8px!important;position:static!important}
html body main.users-page-main.users-page-main .account-metrics button{min-width:0!important;width:auto!important;height:auto!important;min-height:70px!important;padding:10px 6px!important;background:#fffdf8!important;border:1px solid #ded8ce!important}
html body main.users-page-main.users-page-main .account-metrics button strong{font-size:24px!important}
html body main.users-page-main.users-page-main .account-metrics button span{font-size:12px!important}
html body main.users-page-main.users-page-main .account-metrics button.is-selected{border-color:#8c641e!important;background:#f4ead2!important}
html body main.users-page-main.users-page-main .directory-heading{display:flex!important;flex-wrap:wrap!important;gap:16px!important;align-items:center!important;height:auto!important}
html body main.users-page-main.users-page-main .directory-heading h2{font-size:22px!important;line-height:1.35!important;color:#161616!important}
html body main.users-page-main.users-page-main .directory-heading p,html body main.users-page-main.users-page-main .account-controls label,html body main.users-page-main.users-page-main .account-results-bar{color:#68645d!important;line-height:1.5!important}
html body main.users-page-main.users-page-main .account-controls{display:grid!important;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body main.users-page-main.users-page-main .account-controls>*{min-width:0!important}
html body main.users-page-main.users-page-main .account-controls input,html body main.users-page-main.users-page-main .account-controls select{width:100%!important;min-width:0!important;color:#161616!important;background:#fffdf8!important;font-size:16px!important;min-height:44px!important}
html body main.users-page-main.users-page-main .account-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
html body main.users-page-main.users-page-main .account-table{width:100%!important;table-layout:fixed!important}
html body main.users-page-main.users-page-main .account-table td,html body main.users-page-main.users-page-main .account-table th{white-space:normal!important;overflow-wrap:anywhere!important;vertical-align:top!important;line-height:1.5!important;color:#161616!important}
html body main.users-page-main.users-page-main .account-person{min-width:0!important;gap:10px!important}
html body main.users-page-main.users-page-main .account-person>div{min-width:0!important}
html body main.users-page-main.users-page-main .account-person strong,html body main.users-page-main.users-page-main .membership-current{color:#161616!important;line-height:1.5!important}
html body main.users-page-main.users-page-main .account-person a,html body main.users-page-main.users-page-main .account-secondary{color:#68645d!important;overflow-wrap:anywhere!important;line-height:1.5!important}
html body main.users-page-main.users-page-main .account-row-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important}
@media(max-width:900px){
html body main.users-page-main.users-page-main .account-overview{grid-template-columns:minmax(0,1fr)!important}
html body main.users-page-main.users-page-main .account-table,html body main.users-page-main.users-page-main .account-table tbody{display:block!important;width:100%!important;min-width:0!important}
html body main.users-page-main.users-page-main .account-table thead{display:none!important}
html body main.users-page-main.users-page-main .account-table tbody tr{display:block!important;width:100%!important;min-width:0!important;height:auto!important;margin:0 0 14px!important;border:1px solid #ded8ce!important;border-radius:12px!important;background:#fffdf8!important}
html body main.users-page-main.users-page-main .account-table td{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:10px!important;width:auto!important;min-width:0!important;padding:12px!important;height:auto!important}
html body main.users-page-main.users-page-main .account-table td:first-child{display:block!important}
html body main.users-page-main.users-page-main .account-table td:first-child::before{display:none!important}
html body main.users-page-main.users-page-main .account-table td>*{min-width:0!important;max-width:100%!important}
html body main.users-page-main.users-page-main .account-table td::before{color:#68645d!important;font-weight:600!important}
html body main.users-page-main.users-page-main .account-person{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important}
}
@media(max-width:600px){
html body main.users-page-main.users-page-main .owner-command-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body main.users-page-main.users-page-main .owner-command-menu a{padding:10px!important;gap:8px!important}
html body main.users-page-main.users-page-main .account-controls{grid-template-columns:minmax(0,1fr)!important}
html body main.users-page-main.users-page-main .portal-module-grid{grid-template-columns:minmax(0,1fr)!important}
html body main.users-page-main.users-page-main .account-overview{padding:14px!important}
html body main.users-page-main.users-page-main .account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Portal typography and restrained surfaces */
html body main.users-page-main.users-page-main :is(h2,h3,p,label,small,strong,button,input,select,textarea,th,td){font-family:Inter,Arial,sans-serif!important;text-shadow:none!important}
html body main.users-page-main.users-page-main :is(h2,h3){font-weight:600!important;letter-spacing:-.02em!important}
html body main.users-page-main.users-page-main .portal-modules,html body main.users-page-main.users-page-main .user-management{background:#fffdf8!important;box-shadow:0 6px 20px rgba(22,22,22,.045)!important;border:1px solid #ded8ce!important;border-radius:14px!important}
html body main.users-page-main.users-page-main .portal-modules>h2{font-size:19px!important;color:#161616!important;text-align:left!important;margin-bottom:14px!important}
html body main.users-page-main.users-page-main .portal-module-grid a{background:#fff!important;box-shadow:none!important;border:1px solid #ded8ce!important;border-radius:10px!important;justify-content:flex-start!important}
html body main.users-page-main.users-page-main .portal-module-grid a:hover{border-color:#8c641e!important;background:#faf7f0!important}
html body main.users-page-main.users-page-main .account-metrics button strong{font-weight:600!important;font-variant-numeric:tabular-nums!important}
html body main.users-page-main.users-page-main .account-table th{background:#f4ead2!important;font-size:12px!important;font-weight:600!important}
html body main.users-page-main.users-page-main .account-table td{font-size:14px!important}
html body main.users-page-main.users-page-main .personal-qr-card h2{color:#161616!important;font-size:18px!important}
html body main.users-page-main.users-page-main .users-hero{max-width:none!important;width:100%!important;box-sizing:border-box!important}
html body main.users-page-main.users-page-main :is(#cuentas,#herramientas,#solicitudes,#permisos){scroll-margin-top:100px!important}

html body main.users-page-main.users-page-main .account-row-actions button,html body main.users-page-main.users-page-main .account-row-actions summary,html body main.users-page-main.users-page-main .account-status{font:600 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-shadow:none!important;min-height:40px!important;padding:8px 10px!important;box-shadow:none!important}
html body main.users-page-main.users-page-main .account-person strong{font-size:14px!important}
html body main.users-page-main.users-page-main .account-person a,html body main.users-page-main.users-page-main .account-secondary{font-size:13px!important}

/* CDA PORTAL ACCESOS LEFT 20261011 */
html body main.users-page-main.users-page-main .portal-module-grid a{justify-content:flex-start!important;text-align:left!important}
html body main.users-page-main.users-page-main .portal-module-content{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;justify-content:start!important;gap:12px!important;width:100%!important;min-width:0!important;text-align:left!important;margin:0!important}
html body main.users-page-main.users-page-main .portal-module-content>strong{margin:0!important;text-align:left!important;justify-self:start!important;width:auto!important}
html body main.users-page-main.users-page-main .portal-module-meta{display:flex!important;justify-content:flex-start!important;align-items:center!important;margin:0!important}
html body main.users-page-main.users-page-main .portal-module-action{position:static!important;margin:0!important;justify-self:end!important}

/* CDA ACCOUNT AVATARS CIRCULAR 20261011 */
html body main.users-page-main.users-page-main .account-person .user-avatar{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1 / 1!important;flex:0 0 36px!important;align-self:center!important;border-radius:50%!important;overflow:hidden!important;padding:0!important}
html body main.users-page-main.users-page-main .account-person .user-avatar img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;aspect-ratio:1 / 1!important}

/* CDA ACCOUNT AVATARS SQUARE 20261011 */
html body main.users-page-main.users-page-main .account-person .user-avatar,html body main.users-page-main.users-page-main .account-person .user-avatar img{border-radius:0!important}

/* CDA ACCOUNT OPTIONS WIDTH 20261011 */
html body main.users-page-main.users-page-main .account-row-actions details>div button{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:44px!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;line-height:1.5!important;padding:10px 12px!important}
@media(min-width:901px){html body main.users-page-main.users-page-main .account-row-actions details>div{width:220px!important;max-width:calc(100vw - 32px)!important}}
@media(max-width:900px){html body main.users-page-main.users-page-main .account-row-actions details[open]{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 0 100%!important}html body main.users-page-main.users-page-main .account-row-actions details[open]>div{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-top:8px!important;padding:4px!important;box-shadow:none!important;border:1px solid #ded8ce!important;border-radius:10px!important;background:#fffdf8!important}}

@media(max-width:600px){html body main.users-page-main.users-page-main .account-table td:has(.account-row-actions details[open]){grid-template-columns:minmax(0,1fr)!important}html body main.users-page-main.users-page-main .account-table td:has(.account-row-actions details[open]) .account-row-actions{width:100%!important}}

/* CDA ALL ACCOUNT ACTIONS 20261011 */
html body main.users-page-main.users-page-main .account-row-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important}
html body main.users-page-main.users-page-main .account-row-actions>button{width:100%!important;text-align:left!important}
html body main.users-page-main.users-page-main .account-row-actions details{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important}
html body main.users-page-main.users-page-main .account-row-actions details>summary{display:none!important}
html body main.users-page-main.users-page-main .account-row-actions details>div{position:static!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body main.users-page-main.users-page-main .account-row-actions details>div button{border:1px solid #ded8ce!important;border-radius:8px!important;background:#fffdf8!important}
html body main.users-page-main.users-page-main .account-row-actions details>div button.danger{color:#8b3030!important;border-color:#d7b9b9!important}

/* CDA ACCOUNT ACTIONS DISCLOSURE 20261011 */
html body main.users-page-main.users-page-main .account-row-actions:not(.actions-expanded)>button:not(.account-actions-toggle),html body main.users-page-main.users-page-main .account-row-actions:not(.actions-expanded)>details{display:none!important}
html body main.users-page-main.users-page-main .account-row-actions>.account-actions-toggle{display:block!important;background:#161616!important;color:#fffdf8!important;border:1px solid #8c641e!important;border-radius:8px!important;min-height:44px!important;padding:10px 12px!important;text-align:left!important;white-space:normal!important}
html body main.users-page-main.users-page-main .account-row-actions>.account-actions-toggle:focus-visible{outline:2px solid #8c641e!important;outline-offset:2px!important}

/* CDA ATTENDANCE LAYOUT 20261011 */
html body main.attendance-page-main.attendance-page-main{width:calc(100% - 32px)!important;max-width:1240px!important;margin:24px auto!important;padding:0!important;box-sizing:border-box!important;color:#161616!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero{display:block!important;position:relative!important;padding:28px!important;min-height:0!important;height:auto!important;background:#161616!important;border-radius:14px!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero-copy{position:relative!important;max-width:800px!important;text-align:left!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero h1{font-size:clamp(28px,3.4vw,44px)!important;line-height:1.15!important;margin:10px 0 14px!important;color:#fffdf8!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero p{font:400 15px/1.6 Inter,Arial,sans-serif!important;color:#ded8ce!important;max-width:760px!important;margin:0!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero .eyebrow{color:#e5c56b!important;font-size:11px!important;letter-spacing:.12em!important}
html body main.attendance-page-main.attendance-page-main .attendance-hero-mark{display:none!important}
html body main.attendance-page-main.attendance-page-main .attendance-account-nav{position:static!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:20px 0 0!important;padding:0!important;width:auto!important}
html body main.attendance-page-main.attendance-page-main .attendance-account-nav a{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:9px 13px!important;background:#24221d!important;color:#fffdf8!important;border:1px solid #51462d!important;border-radius:8px!important;font:600 12px/1.4 Inter,Arial,sans-serif!important;text-decoration:none!important}
html body main.attendance-page-main.attendance-page-main .attendance-session-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important;margin:20px 0!important;padding:20px!important;border:1px solid #ded8ce!important;border-radius:12px!important;background:#fffdf8!important;text-align:left!important}
html body main.attendance-page-main.attendance-page-main .attendance-session-bar>div{min-width:0!important}
html body main.attendance-page-main.attendance-page-main .attendance-session-controls{display:flex!important;flex-wrap:wrap!important;gap:12px!important;min-width:0!important}
html body main.attendance-page-main.attendance-page-main :is(input,select){box-sizing:border-box!important;min-height:44px!important;max-width:100%!important;font-size:16px!important;color:#161616!important;background:#fffdf8!important}
html body main.attendance-page-main.attendance-page-main .attendance-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:20px 0!important}
html body main.attendance-page-main.attendance-page-main .attendance-stats>*,html body main.attendance-page-main.attendance-page-main .attendance-workspace>*{min-width:0!important}
html body main.attendance-page-main.attendance-page-main .attendance-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;margin:20px 0!important}
html body main.attendance-page-main.attendance-page-main :is(.attendance-scanner-panel,.attendance-manual-panel,.attendance-log-section){padding:20px!important;background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:12px!important;box-shadow:none!important}
html body main.attendance-page-main.attendance-page-main :is(.attendance-scanner-panel,.attendance-manual-panel,.attendance-log-section) :is(p,label,small){color:#68645d!important;font-family:Inter,Arial,sans-serif!important;line-height:1.5!important}
html body main.attendance-page-main.attendance-page-main .attendance-roster article{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:14px 0!important;height:auto!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-copy{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.5!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-avatar{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;aspect-ratio:1!important;border-radius:6px!important;overflow:hidden!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-actions{grid-column:2!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-actions button{min-height:44px!important;font:600 13px/1.4 Inter,Arial,sans-serif!important;white-space:normal!important;padding:9px 12px!important}
@media(max-width:900px){html body main.attendance-page-main.attendance-page-main .attendance-session-bar,html body main.attendance-page-main.attendance-page-main .attendance-workspace{grid-template-columns:minmax(0,1fr)!important}html body main.attendance-page-main.attendance-page-main .attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body main.attendance-page-main.attendance-page-main{width:calc(100% - 24px)!important;margin:16px auto!important}html body main.attendance-page-main.attendance-page-main .attendance-hero{padding:20px!important}html body main.attendance-page-main.attendance-page-main .attendance-account-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}html body main.attendance-page-main.attendance-page-main .attendance-session-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important}html body main.attendance-page-main.attendance-page-main .attendance-session-controls :is(input,select){width:100%!important}html body main.attendance-page-main.attendance-page-main :is(.attendance-scanner-panel,.attendance-manual-panel,.attendance-log-section){padding:16px!important}}

html body main.attendance-page-main.attendance-page-main .attendance-panel-heading h2{font-size:clamp(24px,2.2vw,30px)!important;line-height:1.25!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder p{color:#ded8ce!important;font-size:14px!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder h3{color:#fffdf8!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-copy strong{font:600 15px/1.5 Inter,Arial,sans-serif!important;color:#161616!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-copy :is(span,small,p){font:400 13px/1.5 Inter,Arial,sans-serif!important;color:#68645d!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-actions{justify-content:flex-start!important}
html body main.attendance-page-main.attendance-page-main .attendance-stats strong{font:600 32px/1.2 Inter,Arial,sans-serif!important}

.menu-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#f4ead2;color:#8c641e;font:600 14px/1 Inter,Arial,sans-serif}.menu-avatar img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit}.menu-avatar svg{width:24px;height:24px}
html body.portal-body{display:block!important}html body.portal-body .portal-sidebar{position:sticky!important;top:0!important;z-index:100;height:auto!important;width:100%!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px clamp(16px,4vw,48px)!important;background:#161616!important;border-bottom:1px solid #c9962e}.portal-profile-menu{position:relative;flex:none}.portal-profile-menu>summary{display:grid;place-items:center;list-style:none;cursor:pointer;padding:3px;border:1px solid #c9962e;border-radius:50%;background:#161616}.portal-profile-menu>summary::-webkit-details-marker{display:none}.portal-profile-menu>summary:focus-visible,.portal-profile-menu[open]>summary{outline:2px solid #e5c56b;outline-offset:3px}.portal-profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:max-content;min-width:200px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 110px);overflow:auto;background:#fffdf8;border:1px solid #ded8ce;border-radius:14px;padding:8px;box-shadow:0 16px 40px #0003}html body.portal-body .portal-profile-dropdown nav{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}html body.portal-body .portal-profile-dropdown a{display:flex!important;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 14px!important;color:#161616!important;text-align:left!important;font-size:14px;border-radius:8px;text-decoration:none;white-space:nowrap}html body.portal-body .portal-profile-dropdown a:hover,html body.portal-body .portal-profile-dropdown a:focus-visible,html body.portal-body .portal-profile-dropdown a.active{background:#f4ead2!important;color:#8c641e!important}html body.portal-body .portal-profile-dropdown .portal-logout{margin-top:6px!important;border-top:1px solid #ded8ce;border-radius:0 0 8px 8px}html body.portal-body .portal-user-card img{object-fit:cover!important}

/* Cohesive portal and management layout — 20261011 */
html body :is(main.portal-main,main.users-page-main,main.attendance-page-main,main.secretary-page-main,main.finance-page-main,main.admin-page-main,main.events-page-main){width:100%!important;max-width:1280px!important;margin-inline:auto!important;padding:28px 24px 48px!important;box-sizing:border-box!important;min-width:0}
html body :is(.portal-main,.users-page-main,.attendance-page-main,.secretary-page-main,.finance-page-main,.admin-page-main,.events-page-main) :is(section,article,header,form,fieldset){min-width:0;box-sizing:border-box}
html body.portal-body .portal-main .portal-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin:0 0 28px!important;padding:0 0 22px!important;border-bottom:1px solid #ded8ce}
html body.portal-body .portal-main .portal-topbar .eyebrow{display:none!important}
html body.portal-body .portal-main h1{font-size:clamp(26px,3vw,34px)!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0!important}
html body.portal-body .portal-main .portal-user-card{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;max-width:100%!important;padding:12px 16px!important;background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:12px!important;box-shadow:none!important}
html body.portal-body .portal-user-card>.menu-avatar{flex:none}
html body.portal-body .portal-user-card>div{min-width:0}
html body.portal-body .portal-user-card strong{display:block;font:600 14px/1.45 Inter,Arial,sans-serif!important;color:#161616!important;overflow-wrap:anywhere}
html body.portal-body .portal-user-card div>span{display:block;font:400 12px/1.5 Inter,Arial,sans-serif!important;color:#68645d!important;margin-top:2px}
html body.portal-body .portal-page-title{margin:0 0 20px!important}
html body.portal-body .portal-page-title h2{font-size:25px!important;line-height:1.3!important;margin:0!important}
html body.portal-body .portal-main .portal-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}
html body.portal-body .portal-section-head h2{font-size:22px!important;line-height:1.3!important;margin:0!important}
html body.portal-body .portal-section-head>p,html body.portal-body .portal-attendance-count{font-size:13px!important;line-height:1.6!important;color:#68645d!important;margin:0!important}
html body.portal-body .portal-main .portal-work-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important;align-items:stretch!important}
html body.portal-body .portal-main .portal-work-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:88px!important;padding:20px!important;text-align:left!important;background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:12px!important;box-shadow:0 2px 8px #16161605!important;transition:border-color .15s,box-shadow .15s}
html body.portal-body .portal-main .portal-work-card h2{font:600 15px/1.45 Inter,Arial,sans-serif!important;color:#161616!important;margin:0!important;overflow-wrap:anywhere}
html body.portal-body .portal-work-card>span{color:#8c641e!important;flex:none}
html body.portal-body .portal-main .portal-work-card:hover,html body.portal-body .portal-main .portal-work-card:focus-visible{border-color:#c9962e!important;box-shadow:0 4px 14px #1616160d!important}
html body.portal-body .portal-main :is(.portal-panel,.qr-panel,.portal-work-grid>article){background:#fffdf8!important;border:1px solid #ded8ce!important;border-radius:12px!important;padding:24px!important;box-shadow:0 2px 8px #16161605!important;margin:0!important}
html body.portal-body .portal-work-grid>article{display:flex;flex-direction:column;gap:12px}
html body.portal-body .portal-work-grid>article>a{align-self:flex-start;margin-top:auto}
html body.portal-body .portal-main :is(.portal-panel,.qr-panel,.portal-work-grid>article) :is(h2,h3){font-size:22px!important;line-height:1.35!important;margin:0 0 12px!important;color:#161616!important}
html body.portal-body .portal-main :is(.portal-panel,.portal-work-grid>article) p{font-size:15px!important;line-height:1.7!important;color:#55514b!important;margin:0 0 16px!important;overflow-wrap:anywhere}
html body.portal-body .portal-two-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:start!important}
html body.portal-body .portal-feature-image{display:block;width:100%!important;max-height:420px;object-fit:cover;border-radius:12px!important}
html body.portal-body .portal-main :is(.button,.glass3d){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px!important;font:600 14px/1.4 Inter,Arial,sans-serif!important;border-radius:8px!important;text-decoration:none;box-shadow:none!important}
html body.portal-body .portal-main .glass3d.primary{background:#161616!important;color:#fffdf8!important;border:1px solid #161616!important}
html body.portal-body .portal-table{width:100%;border-collapse:collapse;font-size:14px}
html body.portal-body .portal-table :is(th,td){padding:14px 12px!important;text-align:left;border-bottom:1px solid #ded8ce;overflow-wrap:anywhere}
html body.portal-body .portal-table th{background:#f4ead2;color:#161616;font-weight:600}
html body :is(.finance-panel,.admin-editor,.admin-records,.admin-area-chooser,.events-detail,.events-list,.secretary-home-lower>article,.secretary-home-empty,.attendance-scanner-panel,.attendance-manual-panel,.attendance-log-section,.user-directory){border-radius:12px!important;border:1px solid #ded8ce!important;box-shadow:0 2px 8px #16161605!important;min-width:0!important}
html body :is(.secretary-workflow-card,.portal-module-card,.admin-summary-grid>article,.finance-kpis>article,.events-summary>article,.attendance-stats>article){border-radius:12px!important;min-width:0!important;box-sizing:border-box!important}
html body :is(.admin-summary-grid,.finance-kpis,.events-summary,.secretary-workflow-grid,.portal-module-grid){gap:16px!important}
html body :is(.finance-section-heading,.admin-section-heading,.admin-editor-heading,.admin-records-heading,.events-list-heading,.event-subsection-heading,.secretary-home-heading){gap:16px;flex-wrap:wrap}
html body :is(.membership-page-header,.finance-hero,.admin-hero,.events-hero){border-radius:16px!important;margin-bottom:20px!important}
html body :is(.membership-account-nav,.finance-account-nav,.admin-account-nav,.events-account-nav){display:flex!important;flex-wrap:wrap!important;gap:8px!important;position:static!important;margin:0 0 24px!important}
html body :is(.membership-account-nav,.finance-account-nav,.admin-account-nav,.events-account-nav)>a{min-height:40px;display:inline-flex;align-items:center;padding:9px 14px!important;border-radius:8px!important;line-height:1.4!important}
@media(max-width:900px){html body.portal-body .portal-main .portal-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.portal-body .portal-two-col{grid-template-columns:1fr!important}}
@media(max-width:600px){html body :is(main.portal-main,main.users-page-main,main.attendance-page-main,main.secretary-page-main,main.finance-page-main,main.admin-page-main,main.events-page-main){padding:20px 16px 32px!important}html body.portal-body .portal-main .portal-topbar{align-items:flex-start!important;flex-direction:column!important;gap:16px!important;margin-bottom:22px!important;padding-bottom:20px!important}html body.portal-body .portal-main .portal-section-head{align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important}html body.portal-body .portal-main .portal-work-grid{grid-template-columns:1fr!important;gap:12px!important}html body.portal-body .portal-main .portal-work-card{min-height:68px!important;padding:16px 18px!important}html body.portal-body .portal-main :is(.portal-panel,.qr-panel,.portal-work-grid>article){padding:20px!important}html body.portal-body .portal-two-col{gap:16px!important}}

/* Attendance readable type scale and profile photo */
html body main.attendance-page-main.attendance-page-main{font-size:15px;line-height:1.55}
html body main.attendance-page-main.attendance-page-main h1{font-size:clamp(28px,3vw,36px)!important;line-height:1.2!important;margin:0 0 12px!important}
html body main.attendance-page-main.attendance-page-main h2{font-size:24px!important;line-height:1.3!important;margin:0!important;letter-spacing:-.015em!important}
html body main.attendance-page-main.attendance-page-main h3{font-size:20px!important;line-height:1.35!important;margin:0 0 8px!important}
html body main.attendance-page-main.attendance-page-main .attendance-session-bar>div>strong{display:block;font-size:22px!important;line-height:1.4!important;text-align:left!important;margin-top:6px!important}
html body main.attendance-page-main.attendance-page-main .attendance-session-bar>div>span{display:block;text-align:left!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.06em!important}
html body main.attendance-page-main.attendance-page-main .eyebrow{font-size:12px!important;line-height:1.5!important;letter-spacing:.07em!important}
html body main.attendance-page-main.attendance-page-main label{font-size:13px!important;line-height:1.5!important;letter-spacing:.02em!important}
html body main.attendance-page-main.attendance-page-main :is(input,select){font-size:16px!important;line-height:1.5!important;letter-spacing:normal!important;min-height:44px}
html body main.attendance-page-main.attendance-page-main .attendance-hero-copy>p:not(.eyebrow){font-size:15px!important;line-height:1.6!important;max-width:72ch}
html body main.attendance-page-main.attendance-page-main :is(.attendance-scanner-panel>p,.attendance-log-section>p,.attendance-camera-help p,.attendance-empty-log p,.attendance-own-pass p){font-size:14px!important;line-height:1.6!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-help{font-size:14px!important;line-height:1.6!important}
html body main.attendance-page-main.attendance-page-main .attendance-stats strong{font-size:28px!important;line-height:1.2!important}
html body main.attendance-page-main.attendance-page-main .attendance-stats :is(span,small){font-size:13px!important;line-height:1.5!important;letter-spacing:normal!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-copy strong{font-size:16px!important;line-height:1.4!important}
html body main.attendance-page-main.attendance-page-main .attendance-member-copy span{font-size:14px!important;line-height:1.5!important}
html body main.attendance-page-main.attendance-page-main :is(button,.attendance-button){font-size:14px!important;line-height:1.4!important;letter-spacing:normal!important;min-height:44px}
.attendance-profile-photo{display:inline-grid;place-items:center;flex:none;width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden;background:#f4ead2;color:#8c641e;font:600 14px/1 Arial,sans-serif;vertical-align:middle}
.attendance-profile-photo img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.attendance-own-pass>div:first-child>.attendance-profile-photo{width:48px!important;height:48px!important;margin-bottom:12px}
body:has(.attendance-page-main) .site-header .account-nav-link{display:inline-flex!important;align-items:center;gap:9px}
body:has(.attendance-page-main) .site-header .mobile-menu>summary:has(.attendance-profile-photo){width:44px!important;height:44px!important;padding:3px!important;box-sizing:border-box;border:1px solid #c9962e!important;border-radius:50%!important;background:#161616!important;display:grid!important;place-items:center}
body:has(.attendance-page-main) .site-header .mobile-menu>summary>.attendance-profile-photo{transform:none!important;position:static!important;opacity:1!important;margin:0!important}
body:has(.attendance-page-main) .site-header .mobile-menu{position:relative}
body:has(.attendance-page-main) .site-header .mobile-menu>nav{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;left:auto!important;width:max-content!important;min-width:210px;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 110px)!important;overflow:auto!important;padding:8px!important;border:1px solid #ded8ce!important;border-radius:14px!important;background:#fffdf8!important;box-shadow:0 16px 40px #0003!important}
body:has(.attendance-page-main) .site-header .mobile-menu nav>a{display:flex!important;align-items:center;min-height:42px;padding:9px 14px!important;font-size:14px!important;line-height:1.4!important;color:#161616!important;border-radius:8px;text-align:left}
body:has(.attendance-page-main) .site-header .mobile-menu nav>a:hover{background:#f4ead2!important}
@media(max-width:600px){html body main.attendance-page-main.attendance-page-main h2{font-size:22px!important}html body main.attendance-page-main.attendance-page-main .attendance-session-bar>div>strong{font-size:19px!important}html body main.attendance-page-main.attendance-page-main h3{font-size:19px!important}}

html body main.attendance-page-main.attendance-page-main .attendance-hero h1{font-size:clamp(28px,3vw,36px)!important;line-height:1.2!important}html body main.attendance-page-main.attendance-page-main .attendance-panel-heading h2{font-size:24px!important;line-height:1.3!important}@media(max-width:600px){html body main.attendance-page-main.attendance-page-main .attendance-panel-heading h2{font-size:22px!important}}

/* Camera viewport: compact, readable idle and live states */
html body main.attendance-page-main.attendance-page-main .attendance-camera{position:relative!important;display:block!important;width:100%!important;height:300px!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:18px 0 0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box;background:#161616!important;border:1px solid #403b30!important;border-radius:12px!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#161616!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:24px!important;box-sizing:border-box;text-align:center!important;background:#161616!important;color:#fffdf8!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder .attendance-scan-corners{display:block!important;flex:0 0 84px!important;width:84px!important;height:84px!important;box-sizing:border-box;margin:0 0 4px!important;border-color:#c9962e!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder strong{font:600 18px/1.35 Inter,Arial,sans-serif!important;color:#fffdf8!important;margin:0!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder small{display:block!important;max-width:30ch!important;margin:0!important;font:400 14px/1.55 Inter,Arial,sans-serif!important;color:#ddd7cb!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:14px 0!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-actions button{flex:1 1 200px;min-height:46px!important;padding:12px 16px!important;border-radius:8px!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-help{margin:0 0 16px!important;padding:14px 16px!important;border:1px solid #ded8ce!important;border-radius:10px!important;background:#f6f2e9!important;color:#161616!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-help summary{font:600 14px/1.5 Inter,Arial,sans-serif!important;color:#161616!important;cursor:pointer}
html body main.attendance-page-main.attendance-page-main .attendance-camera-help :is(p,strong){color:#514b41!important}
html body main.attendance-page-main.attendance-page-main .attendance-camera-help p{margin:12px 0 0!important;font-size:14px!important;line-height:1.6!important}
html body main.attendance-page-main.attendance-page-main .attendance-new-visitor-link{display:inline-flex!important;align-items:center;min-height:44px;font-size:14px!important;line-height:1.5!important;color:#8c641e!important}
@media(max-width:600px){html body main.attendance-page-main.attendance-page-main .attendance-camera{height:250px!important}html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder{padding:20px!important;gap:10px!important}html body main.attendance-page-main.attendance-page-main .attendance-camera-placeholder .attendance-scan-corners{width:72px!important;height:72px!important;flex-basis:72px!important}}

/* Full square camera capture */
html body main.attendance-page-main.attendance-page-main .attendance-camera{height:auto!important;aspect-ratio:1 / 1!important}html body main.attendance-page-main.attendance-page-main .attendance-camera video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}html body main.attendance-page-main.attendance-page-main .attendance-camera-live-guide{position:absolute!important;inset:12px!important;width:auto!important;height:auto!important;transform:none!important;pointer-events:none!important}

/* All published devotionals: one default reading size */
html body .public-devotional{--devotional-reading-size:16px;height:auto!important;min-height:0!important;max-height:none!important}
html body .public-devotional .public-rich-text,html body .public-devotional .public-rich-text :is(p,div,span,b,strong,em,i,u,a,li,ul,ol,blockquote),html body .public-devotional .public-devotional-scripture cite{font-size:var(--devotional-reading-size)!important;line-height:1.7!important;overflow-wrap:anywhere}
html body .public-devotional .public-devotional-scripture cite{display:block;margin-top:12px;font-style:normal;letter-spacing:normal!important;text-transform:none!important}
html body .public-devotional :is(.public-devotional-scripture,.public-devotional-section){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-self:start!important;box-sizing:border-box;padding:24px!important}
html body .public-devotional .public-rich-text{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important}
html body .public-devotional .public-rich-text :is(p,div){margin-top:0!important;margin-bottom:12px!important}
html body .public-devotional .public-rich-text>:last-child{margin-bottom:0!important}
@media(max-width:600px){html body .public-devotional :is(.public-devotional-scripture,.public-devotional-section){padding:20px!important}}

/* CDA centered page shells — 2026-10-12.
   Override obsolete sidebar margins without changing widths, text or grids. */
@media screen {
  html body .global-site-content main,
  html body .global-site-content footer {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .global-site-content :is(
    .registration-shell,
    .independent-section-hero,
    .independent-section-content,
    .public-activities-hero,
    .public-activities-intro,
    .public-activities-calendar-shell,
    .public-activities-note,
    .public-activities-footer
  ) {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* CDA devotional plain links — 2026-10-12 */
@media screen {
 html body .planner-portal:has(> .public-devotional) > .planner-portal-header {
  display:block!important; width:min(920px,100%)!important; min-height:0!important;
  margin:0 auto 12px!important; padding:0!important; background:none!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
 }
 html body .planner-portal:has(> .public-devotional) > .planner-portal-header::before,
 html body .planner-portal:has(> .public-devotional) > .planner-portal-header::after,
 html body .planner-portal:has(> .public-devotional) .planner-portal-brand {display:none!important;}
 html body .planner-portal:has(> .public-devotional) .planner-portal-heading {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
 }
 html body .planner-portal:has(> .public-devotional) .planner-portal-actions {
  display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;
  align-items:center!important;gap:8px 24px!important;margin:0!important;padding:0!important;
 }
 html body .planner-portal:has(> .public-devotional) .planner-portal-actions a {
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  width:auto!important;min-height:44px!important;padding:0!important;margin:0!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#76550f!important;font-size:14px!important;font-weight:650!important;
  text-decoration:underline!important;text-underline-offset:4px!important;transform:none!important;
 }
 html body .planner-portal:has(> .public-devotional) .planner-portal-actions a:focus-visible {
  outline:2px solid #76550f!important;outline-offset:4px!important;
 }
 html body .planner-portal > .public-devotional {padding-top:0!important;margin-top:0!important;}
}

/* Public pastoral page: compact title and readable sections. */
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-hero h1{font-size:clamp(30px,4vw,60px);overflow-wrap:normal;word-break:normal}
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-content>section+section{margin-top:28px}
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-content h2{font-size:clamp(22px,2.4vw,30px);line-height:1.25;font-weight:700;margin:0 0 12px}
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-content p{line-height:1.65;margin:0 0 12px}
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-content a{color:#76550f;text-decoration:underline;text-underline-offset:4px}
.independent-section-page:has(.management-contact-form):has(a[href="/formularios"]) .independent-section-content a:focus-visible{outline:2px solid #76550f;outline-offset:5px}

/* CDA devotional labels 16px 20261013 */
html body .public-devotional .public-devotional-heading > p,
html body .public-devotional .public-devotional-section > span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .08em;
  color: #8c641e;
}
html body .public-devotional .public-devotional-section > span {
  display: block;
  margin-bottom: 8px;
}


/* CDA responsive typography 20261014.
   One named layer owns screen typography. Important declarations are limited
   to type properties already overridden by legacy important/inline rules.
   Rem-based bounds preserve browser zoom. Print layouts and brand faces stay intact. */
@layer cda-responsive-type {
 @media screen {
  :root {
   --cda-body:clamp(1rem,.955rem + .19vw,1.125rem);
   --cda-support:clamp(.875rem,.85rem + .1vw,.9375rem);
   --cda-small:clamp(.8125rem,.79rem + .09vw,.875rem);
   --cda-label:clamp(.75rem,.72rem + .12vw,.8125rem);
   --cda-h1:clamp(1.875rem,1.5rem + 1.5vw,2.875rem);
   --cda-hero:clamp(2rem,1.35rem + 2.65vw,3.5rem);
   --cda-h2:clamp(1.5rem,1.2rem + 1.15vw,2.25rem);
   --cda-h3:clamp(1.125rem,1rem + .45vw,1.375rem);
  }
  body {font-size:var(--cda-body);line-height:1.65;}
  h1 {font-size:var(--cda-h1)!important;line-height:1.16!important;letter-spacing:-.025em!important;}
  h2 {font-size:var(--cda-h2)!important;line-height:1.25!important;letter-spacing:-.02em!important;}
  h3 {font-size:var(--cda-h3)!important;line-height:1.35!important;}
  h4 {font-size:var(--cda-body)!important;line-height:1.4!important;}
  :is(h1,h2,h3,h4) {overflow-wrap:break-word;word-break:normal;text-wrap:balance;}
  .institutional-page #inicio h1 {font-size:var(--cda-hero)!important;}
  :is(main,.global-site-content,.portal-main,.workspace,.hero,.panel) p,
  .hero-lead,.church-purpose-paragraph,
  .purpose-age-content p,.discipleship-level ol,
  #cards .body :is(p,li,.meeting-full) {
   font-size:var(--cda-body)!important;line-height:1.65!important;
  }
  :is(.eyebrow,.section-kicker,.hero-stats span,.filters label,.purpose,
       .passage>span,.objective>span,.block>span,.purpose-age-number,
       .purpose-age-programs article>span,.hero-service-details strong) {
   font-size:var(--cda-label)!important;line-height:1.5!important;letter-spacing:.08em!important;
  }
  :is(.hero-service-details small,.hero-service-details em,.hero-service-details p,
       .home-activities-intro>p,.messages-heading p,.give>p,
       .purpose-age-label small,.messages-mobile-copy small,.discipleship-mobile-copy small,
       .calendar-devotional-copy small,.purpose-ages-heading>a,.discipleship-book,
       .heading small,.facilitator-use .source-note,.encounter-calendar p,
       .encounter-calendar small,.registration-form-section>p,
       .portal-section-head>p,.portal-attendance-count,.portal-panel p,
       .portal-work-grid>article p,.attendance-camera-help p,
       .notice,.empty,.status,.item p,.item time,.month-entry span) {
   font-size:var(--cda-support)!important;line-height:1.55!important;
  }
  :is(.purpose-age-label strong,.messages-mobile-copy strong,.discipleship-mobile-copy strong,
       .calendar-devotional-copy strong,.calendar-devotional-action,
       .discipleship-level summary,.discipleship-course-link,
       .planner-portal-actions a,.desktop-nav,.desktop-more-menu summary,
       .site-header nav,.portal-profile-dropdown a,.age-profile-menu nav>a,
       .hero-actions a,.portal-table) {
   font-size:var(--cda-support)!important;line-height:1.45!important;
  }
  :is(input,textarea,select,[role="combobox"]) {
   font-size:1rem!important;line-height:1.5!important;
  }
  :is(button,.button,.management-button,label) {font-size:var(--cda-support);line-height:1.45;}
  :is(.registration-form-section,.form-section,.management-card,.portal-panel,.qr-panel) h2,
  :is(.portal-page-title,.portal-section-head,.portal-section-heading,.directory-heading) h2,
  .personal-qr-card h2,.portal-modules>h2,.purpose-ages-heading h3,
  .panel h2,.day-heading h2,.toolbar h2,.portal-work-card h2 {
   font-size:var(--cda-h3)!important;line-height:1.35!important;
  }
  :is(.users-hero,.portal-topbar,.finance-hero,.membership-page-brand) h1,
  .portal-main h1 {font-size:clamp(1.625rem,1.4rem + .8vw,2.125rem)!important;}
  .hero-caption {font-size:clamp(1rem,.9rem + .4vw,1.25rem)!important;line-height:1.4!important;}
  .hero-stats strong {font-size:clamp(1.5rem,1.2rem + 1vw,2rem)!important;line-height:1.2!important;}
  .hero-stats span {letter-spacing:0!important;}
  .hero-stats article {padding-inline:2px!important;}
  .public-devotional {--devotional-reading-size:var(--cda-body);}
  .public-devotional .public-rich-text,
  .public-devotional .public-rich-text :is(p,div,span,b,strong,em,i,u,a,li,ul,ol,blockquote),
  .public-devotional-scripture cite {
   font-size:var(--cda-body)!important;line-height:1.75!important;
  }
  .public-devotional-heading>p,.public-devotional-section>span {
   font-size:1rem!important;line-height:1.5!important;letter-spacing:.06em!important;
  }
  .public-devotional h2 {font-size:var(--cda-h2)!important;line-height:1.3!important;}
  :is(.public-devotional .public-rich-text,.church-purpose-paragraph,.hero-lead,
       .independent-section-content p,.registration-intro>p) {max-width:68ch;}
  /* Compact calendars keep their square cells; only readable type changes. */
  :is(.week>span,.legend,.calendar-week,.ec-grid>span,.age-tabs button span,.badge) {
   font-size:var(--cda-label)!important;line-height:1.4!important;
  }
  :is(.day,.ec-grid>button) {font-size:var(--cda-small)!important;line-height:1.3!important;}
  :is(.ec-heading strong,.heading strong,.item summary h3) {font-size:var(--cda-body)!important;line-height:1.4!important;}
  .ec-controls button {font-size:1.5rem!important;}
  .ec-controls {grid-template-columns:30px minmax(0,1fr) 70px 30px!important;gap:4px;}
  .ec-controls select {padding-inline:3px!important;}
  .daily-promise blockquote {font-size:var(--cda-body)!important;line-height:1.65!important;}
  .daily-promise cite,.daily-promise button,.daily-promise #share-status {font-size:var(--cda-small)!important;line-height:1.5!important;}
  /* Bible superscripts retain the small, legible size approved previously. */
  .public-devotional sup {font-size:.7em!important;line-height:0!important;}
  :is(.purpose-age-label,.calendar-devotional-copy,.messages-mobile-copy,.discipleship-mobile-copy) {min-width:0;}
  .hero-service-details :is(small,em),.public-rich-text {overflow-wrap:anywhere;}
  .legend {flex-wrap:wrap;}
  .discipleship-level summary {min-height:44px;}
 }
}



/* CDA compact contact 20261014 */
html body.institutional-page #visita{align-items:start;column-gap:clamp(24px,4vw,48px);padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,48px);scroll-margin-top:110px}
html body.institutional-page #visita .visit-copy>p{margin-top:10px;line-height:1.55}
html body.institutional-page #visita .visit-contact{display:grid;gap:2px;margin:14px 0 0;padding:0;font-style:normal}
html body.institutional-page #visita .visit-contact-link{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:5px 0;color:#8c641e;font-size:1rem;line-height:1.45;border:0;text-decoration:none;border-radius:4px}
html body.institutional-page #visita .visit-contact-link>svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body.institutional-page #visita .visit-contact-link>span{min-width:0;overflow-wrap:anywhere}
html body.institutional-page #visita .visit-contact-city{display:block;font-size:.875rem;color:inherit}
html body.institutional-page #visita .visit-contact-link:hover>span{text-decoration:underline;text-underline-offset:3px}
html body.institutional-page #visita .visit-contact-link:focus-visible{outline:2px solid #8c641e;outline-offset:4px}
html body.institutional-page #visita .visit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:20px}
html body.institutional-page #visita .visit-form>:is(h3,p,button),html body.institutional-page #visita .visit-form>label:has(textarea){grid-column:1/-1}
html body.institutional-page #visita .visit-form>p{margin:0;line-height:1.5}
html body.institutional-page #visita .visit-form label{min-width:0;margin:0}
html body.institutional-page #visita .visit-form label>span{margin-bottom:4px}
html body.institutional-page #visita .visit-form input{min-height:44px;padding:9px 12px}
html body.institutional-page #visita .visit-form textarea{min-height:84px;padding:9px 12px;resize:vertical}
html body.institutional-page #visita .visit-form button{min-height:44px;margin-top:2px;padding:10px 16px}
@media(max-width:600px){html body.institutional-page #visita .visit-form{grid-template-columns:minmax(0,1fr)}html body.institutional-page #visita .visit-form>label{grid-column:1/-1}}



/* CDA attendance layout 2026-10-15: scoped, reversible presentation patch. */
/* Same Inter resource as the public site; alias limits the change to attendance. */
@font-face {
 font-family: "CDA Attendance Inter";
 src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2");
 font-style: normal; font-weight: 400 700; font-display: swap;
}
/* Use the existing layer so legacy !important typography cannot defeat it. */
@layer cda-responsive-type {
 @media screen {
  html body main.attendance-page-main {
   --sans: "CDA Attendance Inter", Inter, Arial, Helvetica, sans-serif;
   --serif: Georgia, "Times New Roman", serif;
   box-sizing: border-box !important;
   width: 100% !important; max-width: 1440px !important;
   margin: 0 auto !important; padding: 24px clamp(16px, 2.5vw, 40px) 64px !important;
   font-family: var(--sans) !important; font-size: 16px !important; line-height: 1.55 !important;
  }
  .attendance-page-main *, .attendance-page-main *::before, .attendance-page-main *::after { box-sizing: border-box; }
  .attendance-page-main :is(h1,h2,h3,p,strong,small,span,label,a,button) { overflow-wrap: anywhere; }
  .attendance-page-main :is(input,select,button,summary,a) { font-family: var(--sans) !important; }
  .attendance-page-main :is(h1,h2,h3) { font-family: var(--serif) !important; font-weight: 400 !important; letter-spacing: -.025em !important; }
  .attendance-page-main h1 { font-size: clamp(1.875rem, 1.45rem + 1.4vw, 2.5rem) !important; line-height: 1.18 !important; }
  .attendance-page-main h2 { font-size: clamp(1.5rem, 1.3rem + .45vw, 1.75rem) !important; line-height: 1.25 !important; }
  .attendance-page-main h3 { font-size: 1.375rem !important; line-height: 1.3 !important; }
  .attendance-page-main .eyebrow { font: 600 .8125rem/1.5 var(--sans) !important; letter-spacing: .08em !important; flex-wrap: wrap; }
  .attendance-page-main .attendance-hero { width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: clamp(20px,2.5vw,32px) !important; }
  .attendance-page-main .attendance-hero-copy { max-width: 85ch !important; }
  .attendance-page-main .attendance-hero h1 { margin: 10px 0 12px !important; }
  .attendance-page-main .attendance-hero-copy > p:not(.eyebrow) { font-size: 1rem !important; line-height: 1.6 !important; max-width: 78ch !important; }
  .attendance-page-main :is(.attendance-account-nav,.attendance-alert,.attendance-loading,.attendance-log-section,.attendance-member-access,.attendance-personal-details,.attendance-session-bar,.attendance-stats,.attendance-workspace) { width: 100% !important; max-width: none !important; margin-inline: 0 !important; min-width: 0 !important; }
  .attendance-page-main .attendance-account-nav { display: flex !important; flex-wrap: wrap !important; gap: 4px 20px !important; margin-block: 10px 16px !important; padding: 0 !important; }
  .attendance-page-main .attendance-account-nav a { display: inline-flex; align-items: center; min-height: 44px !important; font-size: .875rem !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; }
  .attendance-page-main .attendance-session-bar { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(360px,1fr) !important; align-items: center !important; gap: 20px !important; padding: 20px !important; min-height: 0 !important; margin-top: 20px !important; }
  .attendance-page-main .attendance-session-bar > div { min-width: 0 !important; }
  .attendance-page-main .attendance-session-bar > div > span { font-size: .8125rem !important; line-height: 1.5 !important; }
  .attendance-page-main .attendance-session-bar strong { display: block; margin-top: 5px; font: 600 1.125rem/1.45 var(--sans) !important; text-align: left !important; }
  .attendance-page-main .attendance-session-controls { display: grid !important; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) !important; gap: 12px !important; width: 100% !important; }
  .attendance-page-main :is(.attendance-session-controls label,.attendance-search) { display: grid !important; gap: 6px !important; min-width: 0 !important; font-size: .875rem !important; line-height: 1.5 !important; letter-spacing: 0 !important; text-transform: none !important; }
  .attendance-page-main :is(input,select) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 46px !important; font-size: 1rem !important; line-height: 1.4 !important; padding: 10px 12px !important; }
  .attendance-page-main .attendance-stats { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; margin-block: 20px !important; overflow: visible !important; }
  .attendance-page-main .attendance-stats article { min-width: 0 !important; min-height: 120px !important; height: auto !important; padding: 18px !important; border: 1px solid #ded8ce !important; border-radius: 12px !important; }
  .attendance-page-main .attendance-stats strong { display: block !important; margin-block: 6px !important; font: 600 1.875rem/1.15 var(--sans) !important; }
  .attendance-page-main .attendance-stats :is(span,small) { font: 400 .875rem/1.45 var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; }
  .attendance-page-main .attendance-workspace { display: grid !important; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important; align-items: start !important; gap: 20px !important; margin-block: 20px !important; }
  .attendance-page-main :is(.attendance-scanner-panel,.attendance-manual-panel,.attendance-log-section) { position: static !important; min-width: 0 !important; width: 100% !important; margin-inline: 0 !important; padding: clamp(16px,2vw,24px) !important; }
  .attendance-page-main .attendance-manual-panel { container-type: inline-size; }
  .attendance-page-main .attendance-panel-heading { display: grid !important; grid-template-columns: 40px minmax(0,1fr) !important; gap: 12px !important; align-items: center !important; }
  .attendance-page-main .attendance-step { width: 40px !important; height: 40px !important; min-width: 0 !important; font: 600 .875rem/1 var(--sans) !important; }
  .attendance-page-main .attendance-panel-heading :is(h2,p) { margin: 0 !important; }
  .attendance-page-main .attendance-panel-heading h2 { margin-top: 4px !important; }
  .attendance-page-main :is(.attendance-scanner-panel>p,.attendance-section-heading>p:not(.eyebrow),.attendance-camera-help p,.attendance-empty-log p,.attendance-own-pass p,.attendance-pass-dialog>p:not(.eyebrow)) { font-size: 1rem !important; line-height: 1.55 !important; }
  .attendance-page-main .attendance-scanner-panel>p { margin: 16px 0 !important; }
  .attendance-page-main .attendance-camera { width: min(100%,440px,65dvh) !important; height: auto !important; min-height: 0 !important; aspect-ratio: 1 !important; margin-inline: auto !important; position: relative !important; overflow: hidden !important; }
  .attendance-page-main .attendance-camera video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .attendance-page-main .attendance-camera-placeholder { padding: 20px !important; gap: 12px !important; }
  .attendance-page-main .attendance-camera-placeholder strong { font: 600 1.125rem/1.4 var(--sans) !important; }
  .attendance-page-main .attendance-camera-placeholder small { font: 400 .875rem/1.5 var(--sans) !important; }
  .attendance-page-main .attendance-scan-corners { width: 64px !important; height: 64px !important; flex: 0 0 auto; }
  .attendance-page-main .attendance-camera-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-block: 14px !important; }
  .attendance-page-main :is(button,.attendance-new-visitor-link,.attendance-qr-actions a) { min-height: 44px !important; max-width: 100% !important; font-size: .9375rem !important; line-height: 1.4 !important; white-space: normal !important; }
  .attendance-page-main .attendance-camera-actions button { flex: 1 1 200px !important; padding: 12px 16px !important; }
  .attendance-page-main .attendance-camera-help { margin-block: 16px !important; padding: 12px 14px !important; }
  .attendance-page-main .attendance-camera-help summary { font-size: .875rem !important; line-height: 1.5 !important; min-height: 44px; align-content: center; }
  .attendance-page-main .attendance-search { margin: 18px 0 14px !important; }
  .attendance-page-main .attendance-roster { max-height: min(680px,80dvh) !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-gutter: stable; padding-inline: 0 !important; }
  .attendance-page-main .attendance-roster>article { display: grid !important; grid-template-columns: 40px minmax(0,1fr) auto !important; gap: 10px 12px !important; align-items: center !important; padding: 16px 4px !important; }
  .attendance-page-main .attendance-roster>article[hidden] { display: none !important; }
  .attendance-page-main .attendance-member-avatar { width: 40px !important; height: 40px !important; }
  .attendance-page-main .attendance-member-copy { min-width: 0 !important; }
  .attendance-page-main .attendance-member-copy strong { font: 600 1rem/1.45 var(--sans) !important; white-space: normal !important; }
  .attendance-page-main .attendance-member-copy small { font: 400 .875rem/1.5 var(--sans) !important; white-space: normal !important; }
  .attendance-page-main .attendance-member-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; grid-column: auto !important; align-items: stretch !important; }
  .attendance-page-main .attendance-member-actions button { padding: 10px 12px !important; }
  .attendance-page-main .attendance-log-section { margin-top: 24px !important; }
  .attendance-page-main .attendance-section-heading { margin-bottom: 18px !important; }
  .attendance-page-main .attendance-log>article { grid-template-columns: 36px minmax(0,1fr) minmax(90px,auto) minmax(80px,auto) auto !important; gap: 12px !important; padding: 16px !important; }
  .attendance-page-main .attendance-log :is(strong,button) { font-size: .9375rem !important; line-height: 1.5 !important; }
  .attendance-page-main .attendance-log :is(span,time) { font-size: .875rem !important; line-height: 1.5 !important; }
  .attendance-page-main .attendance-personal-details { margin-top: 24px !important; }
  .attendance-page-main .attendance-personal-details>summary { min-height: 44px; font-size: 1rem !important; line-height: 1.5 !important; }
  .attendance-page-main .attendance-own-pass { grid-template-columns: minmax(0,1fr) minmax(0,320px) !important; gap: 24px !important; }
  .attendance-page-main .attendance-qr-frame { width: min(100%,320px) !important; height: auto !important; aspect-ratio: 1 !important; padding: 16px !important; }
  .attendance-page-main .attendance-qr-frame img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
  .attendance-page-main .attendance-modal-backdrop { padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)) !important; align-items: start !important; overflow-y: auto !important; }
  .attendance-page-main .attendance-pass-dialog { width: min(620px,100%) !important; max-width: 100% !important; min-width: 0 !important; margin: auto !important; padding: 24px !important; }
  .attendance-page-main .attendance-pass-dialog h2 { padding-right: 42px !important; }
  .attendance-page-main .attendance-modal-close { position: absolute !important; top: 10px !important; right: 10px !important; width: 44px !important; min-height: 44px !important; font-size: 1.5rem !important; }
  .attendance-page-main .attendance-verification { font-size: .875rem !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
  .attendance-page-main .attendance-qr-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
  .attendance-page-main .attendance-qr-actions>* { flex: 1 1 150px !important; padding: 10px !important; }
  .attendance-page-main :is(a,button,input,select,summary):focus-visible { outline: 3px solid #8c641e !important; outline-offset: 3px !important; }
 }
 @container (max-width: 560px) {
  .attendance-page-main .attendance-roster>article { grid-template-columns: 40px minmax(0,1fr) !important; }
  .attendance-page-main .attendance-member-actions { grid-column: 2 !important; justify-content: flex-start !important; }
 }
 @container (max-width: 300px) {
  .attendance-page-main .attendance-member-actions { grid-column: 1 / -1 !important; }
  .attendance-page-main .attendance-member-actions button { flex: 1 1 100px !important; }
 }
 @media screen and (max-width: 959px) {
  .attendance-page-main .attendance-session-bar { grid-template-columns: minmax(0,1fr) !important; }
  .attendance-page-main .attendance-workspace { grid-template-columns: minmax(0,1fr) !important; }
 }
 @media screen and (max-width: 799px) {
  .attendance-page-main .attendance-log>article { grid-template-columns: 28px minmax(0,1fr) !important; padding: 14px 12px !important; }
  .attendance-page-main .attendance-log article>:is(time,.attendance-method,button) { grid-column: 2 !important; grid-row: auto !important; justify-self: start; }
 }
 @media screen and (max-width: 639px) {
  html body main.attendance-page-main { padding-top: 16px !important; }
  .attendance-page-main .attendance-account-nav { gap: 4px 16px !important; }
  .attendance-page-main .attendance-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  .attendance-page-main .attendance-stats article { padding: 14px !important; }
  .attendance-page-main .attendance-own-pass { grid-template-columns: minmax(0,1fr) !important; }
  .attendance-page-main .attendance-pass-dialog { padding: 20px 16px !important; }
 }
 @media screen and (max-width: 479px) {
  .attendance-page-main .attendance-session-controls { grid-template-columns: minmax(0,1fr) !important; }
 }
 @media screen and (min-width: 740px) and (max-height: 600px) and (orientation: landscape) {
  .attendance-page-main .attendance-workspace { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; }
  .attendance-page-main .attendance-camera { width: min(100%,58dvh) !important; }
  .attendance-page-main .attendance-camera-placeholder { padding: 14px !important; gap: 8px !important; }
  .attendance-page-main .attendance-scan-corners { width: 44px !important; height: 44px !important; }
  .attendance-page-main .attendance-pass-dialog { width: min(740px,100%) !important; display: grid !important; grid-template-columns: minmax(0,1fr) minmax(180px,38%) !important; gap: 8px 24px !important; align-items: start !important; }
  .attendance-page-main .attendance-pass-dialog>.attendance-qr-card { grid-column: 2 !important; grid-row: 1 / span 4 !important; padding-top: 40px; }
  .attendance-page-main .attendance-pass-dialog>.attendance-qr-card .attendance-qr-frame { width: min(100%,54dvh) !important; }
 }
}


/* CDA 20261023: el contenedor de Explorar hereda el fondo oscuro del encabezado. */
html body header.site-header.site-header .desktop-nav > details.desktop-more-menu { background: transparent !important; }


/* Videos: fotografía a la derecha, siguiendo las tarjetas de la página. */
.institutional-page #mensajes .messages-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:0;overflow:visible;background:transparent!important}
.institutional-page #mensajes .messages-hero>img{position:static;inset:auto;grid-column:2;grid-row:1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px;opacity:1!important}
.institutional-page #mensajes .messages-hero-content{grid-column:1;grid-row:1;min-width:0;padding:0}
.institutional-page #mensajes .messages-heading{display:block}
.institutional-page #mensajes .messages-heading h2{font-size:clamp(2rem,3.1vw,3.1rem);line-height:1.15;margin:0 0 20px}
.institutional-page #mensajes .messages-heading p{font-size:.94rem;line-height:1.75;max-width:58ch}
.institutional-page #mensajes .channel-link{margin-top:18px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:.3em}
.institutional-page #mensajes .featured-video-grid:empty{display:none}
@media(min-width:601px) and (max-width:1000px){.institutional-page #mensajes .messages-hero{gap:28px}}
@media(max-width:600px){.institutional-page #mensajes .messages-hero{grid-template-columns:1fr;gap:22px}.institutional-page #mensajes .messages-hero-content{grid-column:1;grid-row:1}.institutional-page #mensajes .messages-hero>img{grid-column:1;grid-row:2;aspect-ratio:1.3;border-radius:14px}.institutional-page #mensajes .messages-heading h2{margin-bottom:14px}.institutional-page #mensajes .messages-heading p{font-size:.9rem;line-height:1.65}}



/* Videos en teléfono: tarjeta compacta del tamaño del devocional. */
.institutional-page #mensajes .messages-mobile-link{display:none}
@media(max-width:600px){
.institutional-page #mensajes{padding:12px 5% 16px}
.institutional-page #mensajes .messages-hero{display:none}
.institutional-page #mensajes .messages-mobile-link{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;box-sizing:border-box;padding:9px 12px;border:1px solid #d8c38e;border-radius:12px;background:#fffdf8;color:#171816;text-decoration:none;box-shadow:0 2px 8px #40321608}
.institutional-page #mensajes .messages-mobile-copy{display:grid;gap:2px;flex:1;min-width:0}
.institutional-page #mensajes .messages-mobile-copy strong{font:600 13px/1.3 Arial,sans-serif;letter-spacing:.2px;color:#8c641e}
.institutional-page #mensajes .messages-mobile-copy small{font:12px/1.4 Arial,sans-serif;color:#69645b}
.institutional-page #mensajes .messages-mobile-link img{display:block;width:38px;height:38px;object-fit:cover;border-radius:7px;flex-shrink:0}
.institutional-page #mensajes .messages-mobile-link:hover{background:#f3ead5;border-color:#a67c24}
.institutional-page #mensajes .messages-mobile-link:focus-visible{outline:3px solid #a67c24;outline-offset:3px}
}

/* Discipulado en teléfono: tarjeta compacta como videos y devocional. */
.institutional-page .visual-promo .discipleship-mobile-link{display:none}
@media(max-width:600px){
.institutional-page .visual-promo{display:block;padding:12px 5% 16px}
.institutional-page .visual-promo>img,.institutional-page .visual-promo>div{display:none}
.institutional-page .visual-promo .discipleship-mobile-link{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;box-sizing:border-box;padding:9px 12px;border:1px solid #d8c38e;border-radius:12px;background:#fffdf8;color:#171816;text-decoration:none;box-shadow:0 2px 8px #40321608}
.institutional-page .visual-promo .discipleship-mobile-copy{display:grid;gap:2px;flex:1;min-width:0}
.institutional-page .visual-promo .discipleship-mobile-copy strong{font:600 13px/1.3 Arial,sans-serif;letter-spacing:.2px;color:#8c641e}
.institutional-page .visual-promo .discipleship-mobile-copy small{font:12px/1.4 Arial,sans-serif;color:#69645b}
.institutional-page .visual-promo .discipleship-mobile-link img{display:block;width:38px;height:38px;object-fit:cover;border-radius:7px;flex-shrink:0}
.institutional-page .visual-promo .discipleship-mobile-link:hover{background:#f3ead5;border-color:#a67c24}
.institutional-page .visual-promo .discipleship-mobile-link:focus-visible{outline:3px solid #a67c24;outline-offset:3px}
}
/* Discipulado: tres niveles con sus lecciones desplegables. */
.institutional-page .visual-promo .discipleship-course-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#8c641e;font:600 14px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}.institutional-page .visual-promo .discipleship-course-link:hover{color:#614513}.institutional-page .visual-promo .discipleship-course-link:focus-visible{outline:2px solid #a67c24;outline-offset:4px}

.institutional-page .visual-promo .discipleship-levels{display:grid;gap:6px;margin:16px 0 0;min-width:0}
.institutional-page .visual-promo .discipleship-level{border:1px solid #d8c38e;border-radius:8px;background:#fffdf8;overflow:hidden}
.institutional-page .visual-promo .discipleship-level summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;box-sizing:border-box;cursor:pointer;color:#8c641e;font:600 13px/1.4 Arial,sans-serif;list-style:none}
.institutional-page .discipleship-level li a{display:block;color:inherit;text-decoration:none;padding:4px 0}.institutional-page .discipleship-level li a:hover{text-decoration:underline;color:#8c641e}.institutional-page .discipleship-level li a:focus-visible{outline:2px solid #a67c24;outline-offset:2px}
.institutional-page .visual-promo .discipleship-level summary::-webkit-details-marker{display:none}
.institutional-page .visual-promo .discipleship-level summary::after{content:"+";margin-left:auto;font-size:18px}
.institutional-page .visual-promo .discipleship-level[open] summary::after{content:"−"}
.institutional-page .visual-promo .discipleship-level summary:hover{background:#f3ead5}
.institutional-page .visual-promo .discipleship-level summary:focus-visible{outline:2px solid #a67c24;outline-offset:-3px}
.institutional-page .visual-promo .discipleship-level ol{margin:0;padding:4px 14px 8px 34px;color:#514a3e;font:13px/1.5 Arial,sans-serif}
.institutional-page .visual-promo .discipleship-level li{padding:5px 0;border-bottom:1px solid #e9e0cb}
.institutional-page .visual-promo .discipleship-level li:last-child{border-bottom:0}
.institutional-page .visual-promo .discipleship-level .discipleship-book{display:flex;align-items:center;min-height:40px;margin:0 12px 8px;color:#8c641e;font:600 12px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
.institutional-page .visual-promo .discipleship-mobile-link{display:block;padding:0;min-height:58px}
.institutional-page .visual-promo .discipleship-card-header{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:58px;box-sizing:border-box;color:#171816;text-decoration:none}
.institutional-page .visual-promo .discipleship-mobile-link .discipleship-levels{margin:0;padding:0 9px 9px;gap:4px}
.institutional-page .visual-promo .discipleship-level summary{min-height:36px;padding:6px 9px;font-size:12px}
.institutional-page .visual-promo .discipleship-level ol{font-size:12px}
}

/* Enlaces discretos de visita y ubicación, 10 octubre 2026. */
.institutional-page #inicio .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:28px;row-gap:4px;align-items:center}
.institutional-page #inicio .hero-actions .hero-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:.9rem;font-weight:600;line-height:1.5;color:var(--gold2,#e5c56b);text-decoration:underline;text-decoration-color:rgba(229,197,107,.45);text-decoration-thickness:1px;text-underline-offset:.3em;filter:none}
.institutional-page #inicio .hero-actions .hero-link-secondary{color:var(--gold2,#e5c56b);font-weight:500;text-decoration-color:rgba(229,197,107,.45)}
.institutional-page #inicio .hero-actions .hero-link:hover{color:var(--gold2,#e5c56b);background:transparent;text-decoration-color:currentColor;text-decoration-thickness:2px;filter:none}
.institutional-page #inicio .hero-actions .hero-link:focus-visible{outline:2px solid var(--gold2,#e5c56b);outline-offset:5px}
@media(max-width:380px){.institutional-page #inicio .hero-actions{flex-direction:row;column-gap:22px;row-gap:4px}}

/* Nuestra Iglesia: cinco propósitos antes de la imagen. */
.institutional-page .church-purpose-section{display:flex;flex-direction:column;align-items:stretch;gap:28px}
.institutional-page .church-purpose-section .essence-copy{width:100%;max-width:960px;margin:0 auto}
.institutional-page .church-purpose-section .church-purpose-paragraph{max-width:none;margin:20px 0 0;font-size:1rem;line-height:1.85;color:var(--muted,#68645d)}
.institutional-page .church-purpose-section .church-purpose-paragraph strong{font-weight:600;color:var(--gold-text,#8c641e)}
.institutional-page .church-purpose-section>figure{width:100%;max-width:960px;margin:0 auto}
@media(max-width:760px){.institutional-page .church-purpose-section{gap:22px}.institutional-page .church-purpose-section .church-purpose-paragraph{line-height:1.75}}

/* Nuestra Iglesia: imagen compacta solo en telefonos. */
@media(max-width:600px){.institutional-page .church-purpose-section>figure img{display:block;width:100%;height:clamp(220px,64vw,360px);max-height:340px;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:16px}}

/* Nuestra Iglesia: imagen antes de los cinco propositos. */
.institutional-page .church-purpose-section>.eyebrow{width:100%;max-width:960px;margin:0 auto}

/* Nuestra Iglesia: dos columnas en PC y tabletas. */
@media(min-width:601px){.institutional-page .church-purpose-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:22px;align-items:center}.institutional-page .church-purpose-section>.eyebrow{grid-column:1/-1;max-width:none;margin:0}.institutional-page .church-purpose-section>figure{grid-column:1;grid-row:2;max-width:none;margin:0;min-width:0}.institutional-page .church-purpose-section>.essence-copy{grid-column:2;grid-row:2;max-width:none;margin:0;min-width:0}.institutional-page .church-purpose-section>figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px}}
@media(min-width:601px) and (max-width:1000px){.institutional-page .church-purpose-section{column-gap:28px}}


/* Propósitos y programas: una sección con grupos a todo el ancho. */
html body.institutional-page #somos.church-purpose-section>.purpose-ages{grid-column:1/-1;grid-row:3;width:100%;min-width:0;margin-top:0;padding-top:0;border-top:0}
html body.institutional-page #somos.church-purpose-section .purpose-ages-heading{justify-content:flex-end;flex-wrap:wrap}
html body.institutional-page #somos.church-purpose-section .purpose-age-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html body.institutional-page #somos.church-purpose-section .purpose-age-label strong{font-size:15px}
html body.institutional-page #somos.church-purpose-section .purpose-age-label small{font-size:13px}
html body.institutional-page #somos.church-purpose-section .purpose-age-content p{font-size:15px;line-height:1.65}
html body.institutional-page #somos.church-purpose-section .purpose-age-programs h4{font-size:16px}
html body.institutional-page #somos.church-purpose-section .purpose-ages-connection{margin:14px 0 0;color:var(--muted,#68645d);font-size:1rem;line-height:1.65}
@media(max-width:1000px){html body.institutional-page #somos.church-purpose-section .purpose-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body.institutional-page #somos.church-purpose-section>.essence-copy{order:1}html body.institutional-page #somos.church-purpose-section>figure{order:2}html body.institutional-page #somos.church-purpose-section>.purpose-ages{order:3}}
@media(max-width:360px){html body.institutional-page #somos.church-purpose-section .purpose-age-grid{grid-template-columns:1fr}}
/* Horario, ubicacion y contacto debajo de los enlaces de portada. */
html body.institutional-page #inicio .hero-copy>.hero-service-inline{width:100%;max-width:none;margin:22px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.institutional-page #inicio .hero-service-inline .hero-service-details{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:14px 16px!important;border-radius:14px!important}
html body.institutional-page #inicio .hero-service-inline article{padding:0!important;border:0!important;min-width:0!important}
html body.institutional-page #inicio .hero-service-inline article+article{border-left:0!important;padding-left:0!important;border-top:1px solid #ded4bb!important;padding-top:10px!important}
html body.institutional-page #inicio .hero-service-inline small{font-size:13px!important;overflow-wrap:anywhere!important}

/* Horario, ubicacion y contacto encima de los enlaces de portada. */
html body.institutional-page #inicio .hero-copy>.hero-service-inline+.hero-actions{margin-top:18px!important}

html body.institutional-page #inicio .hero-service-inline .hero-service-details{padding:18px!important;gap:0!important}html body.institutional-page #inicio .cda-visit-simple{text-align:left!important;display:grid!important;gap:8px!important}html body.institutional-page #inicio .cda-visit-simple h2{margin:0!important;font:600 17px/1.4 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#8c641e!important}html body.institutional-page #inicio .cda-visit-simple p{display:block!important;margin:0!important;font:400 14px/1.6 Inter,Arial,sans-serif!important;color:#514b40!important;overflow-wrap:anywhere!important}html body.institutional-page #inicio .cda-visit-simple a{color:#8c641e!important;font-size:14px!important;line-height:1.6!important;overflow-wrap:anywhere!important}html body.institutional-page #inicio .cda-visit-links{display:flex!important;flex-wrap:wrap!important;gap:8px 22px!important;margin-top:4px!important}html body.institutional-page #inicio .cda-visit-links a{padding:4px 0!important;margin:0!important;border:0!important;background:transparent!important;text-decoration:underline!important;text-underline-offset:4px}