@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Haggai Bolivia — tokens provisionales, muestreados de la referencia del logo. */
:root {
  --brand-navy:#193b68; --brand-blue:#367fbc; --brand-yellow:#fac65f; --brand-earth:#736555;
  --brand-ink:#192d46; --brand-muted:#56677a; --brand-paper:#f3f6fa; --brand-line:#dce4ed;
  --brand-font:"Inter","Segoe UI",Arial,sans-serif;
  --primary:var(--brand-navy); --primary-dark:#112b4d; --secondary:var(--brand-blue);
  --accent:var(--brand-yellow); --brand:var(--brand-navy); --bg:var(--brand-paper); --line:var(--brand-line);
  --dark:var(--brand-ink); --light:var(--brand-paper); --muted:var(--brand-muted); --text-muted:var(--brand-muted);
  --color-black:var(--brand-navy); --color-green:var(--brand-navy); --color-green-dark:#112b4d;
  --color-orange:var(--brand-yellow); --color-orange-dark:#f5b83c; --color-gold:var(--brand-blue);
  --color-gold-light:var(--brand-yellow); --color-white:#fff; --color-gray-soft:var(--brand-paper); --text:var(--brand-ink);
  --shadow:0 8px 28px rgba(25,59,104,.06);
}
*{box-sizing:border-box} body{font-family:var(--brand-font);color:var(--brand-ink)}
button,input,select,textarea{font:inherit} button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
button{cursor:pointer} :focus-visible{outline:3px solid var(--brand-blue);outline-offset:4px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-blue);outline-offset:2px}
input,select,textarea{max-width:100%;min-height:46px}label{font-size:.88rem;color:var(--brand-ink)}
a{color:var(--brand-navy)} html{scroll-padding-top:110px} .skip-link{position:fixed;left:16px;top:-80px;z-index:3000;padding:12px 18px;background:white;color:var(--brand-navy)}.skip-link:focus{top:12px}
.brand-public{background:#fff;line-height:1.75;letter-spacing:0}
.brand-public .container{width:min(1180px,90%)}
.brand-public .header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--brand-line);backdrop-filter:blur(12px)}
.brand-public .nav-wrap{min-height:96px;gap:24px;padding:0;align-items:center}
.brand-public .brand{text-decoration:none;gap:12px;flex-shrink:0}
.brand-public .brand-logo{height:88px;width:100px;object-fit:contain}
.brand-caption{font-size:.6rem;letter-spacing:.17em;color:var(--brand-navy);max-width:96px;line-height:1.8}
.brand-public .nav{align-items:center;gap:19px;flex-wrap:nowrap}
.brand-public .nav a{color:var(--brand-navy);font-size:.8rem;font-weight:600;opacity:1;white-space:nowrap;padding:10px 0}
.brand-public .nav a:hover,.brand-public .nav a.active{color:#23659a}
.brand-public .nav a.cta-nav{color:var(--brand-navy);background:var(--brand-yellow);padding:12px 16px;border-radius:6px}
.nav-toggle{display:none}
.brand-public .hero{min-height:760px;min-height:min(900px,100svh);padding:170px 0 100px;text-align:left;background:var(--brand-navy);place-items:center start}
.brand-public .hero-bg{background:linear-gradient(90deg,rgba(12,35,64,.96) 0%,rgba(14,40,72,.82) 44%,rgba(16,42,73,.2) 100%),var(--hero-bg-url,url('/hero-illimani.webp')) center/cover no-repeat;transform:none}
.brand-public .hero-inner{animation:none}
.hero-eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:600;color:var(--brand-yellow);margin-bottom:26px}
.brand-public .hero h1{font-family:var(--brand-font);font-size:clamp(2.65rem,4.7vw,4.5rem);max-width:850px;margin:0 0 26px;line-height:1.1;letter-spacing:-.045em;font-weight:600;text-shadow:none;text-wrap:balance}
.brand-public .hero h1 span{color:var(--brand-yellow)}
.brand-public .hero-sub{max-width:610px;margin:0 0 34px;color:#e4edf7;font-size:1.08rem;line-height:1.8}
.brand-public .hero-actions{justify-content:flex-start;gap:14px}
.brand-public .btn{border-radius:6px;min-height:48px;padding:12px 22px;font-size:.88rem;font-weight:600;box-shadow:none;cursor:pointer}
.brand-public .btn-primary{background:var(--brand-yellow);color:#193b68}
.brand-public .btn-primary:hover{background:#f5b83c;box-shadow:0 5px 15px #193b6815}
.brand-public .btn-secondary{border-color:#ffffff75;background:#ffffff08;color:white}
.brand-public .btn-secondary:hover{background:white;color:var(--brand-navy)}
.brand-public .btn-dark-outline{border:1px solid var(--brand-line);color:var(--brand-navy);background:#fff}
.brand-public section{padding:88px 0;scroll-margin-top:0}
.brand-public .title{font-family:var(--brand-font);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.035em;color:var(--brand-navy);max-width:840px;font-weight:600;margin-bottom:24px}
.brand-public .title::after{display:none}.brand-public .section-kicker{color:#386fa0;letter-spacing:.15em}.brand-public .deco-line{background:var(--brand-yellow)}
.brand-public .lead{color:var(--brand-muted);max-width:760px}
.brand-public .section-kicker,.brand-public .donar-pill{color:var(--brand-earth)}
.brand-public .stats{background:var(--brand-paper);padding:64px 0}
.brand-public .stats .title{font-size:1.65rem}
.brand-public .grid-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px}
.brand-public .stats .card{border:0;border-left:2px solid #cad9e9;border-radius:0;background:transparent;box-shadow:none;padding:16px 26px;margin:10px 0;transform:none}
.brand-public .stats .card h3{font-family:var(--brand-font);font-size:1.65rem;letter-spacing:-.03em;color:var(--brand-navy)}
.brand-public .stats .card p{font-size:.9rem;color:var(--brand-muted);max-width:265px}
.brand-public .card,.brand-public .t-card{border-color:var(--brand-line);border-radius:12px;padding:28px;box-shadow:none}
.brand-public .card h3{font-family:var(--brand-font);font-size:1.15rem;font-weight:600}
.brand-public .grid-3,.brand-public .grid-2,.brand-public .testimonials-track{gap:24px}
.brand-public #institucional .container,.brand-public #que-es>.container:first-child{gap:64px!important;align-items:center!important}
.brand-public .section-logo-soft{width:230px;opacity:1;filter:none}
.brand-public #seminario{background:var(--brand-paper)}
.seminar-feature{position:relative;padding:48px!important;border:1px solid #cfdeed;border-radius:16px;background:white;border-top:5px solid var(--brand-blue)}
.brand-public .seminario-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;max-width:720px;margin:24px 0 28px 20px}
.brand-public .badge{background:#e8f0f8;color:var(--brand-navy);border:1px solid #d4e3f0;font-size:.78rem}
.brand-public .t-card{background:var(--brand-paper)}.brand-public .t-name{color:var(--brand-navy)}.brand-public .t-quote{color:#40536a;line-height:1.85}
.brand-public .t-arrow{opacity:1;background:var(--brand-navy);width:40px;height:40px;font-size:24px}.brand-public .t-arrow.left{left:-20px}.brand-public .t-arrow.right{right:-20px}
.brand-public .t-actions{flex-wrap:wrap;gap:0;margin-top:22px}.brand-public .t-dot{width:24px;height:24px;background:radial-gradient(circle,#bbc9d8 3px,transparent 4px)}.brand-public .t-dot.active{background:radial-gradient(circle,var(--brand-blue) 4px,transparent 5px)}
.brand-public .membresia,.brand-public .cta-final{background:var(--brand-navy);color:#fff}.brand-public .membresia .title,.brand-public .cta-final .title{color:#fff}
.brand-public .donar-box{background:var(--brand-paper);border:1px solid var(--brand-line);box-shadow:none;padding:48px}.brand-public .donar-grid{gap:48px}.brand-public .donar-pill{background:#e5edf6;color:var(--brand-navy)}
.brand-public .donar-form input,.brand-public .donar-form select,.brand-public .donar-form textarea,.brand-public .postular-card input,.brand-public .postular-card textarea{border:1px solid #c6d3e1;border-radius:6px;padding:12px}
.brand-public .postular-card,.brand-public .testimonio-card{padding:32px;border-radius:16px}.brand-public .postular-card .title{font-size:1.8rem}.brand-public .postular-grid{gap:18px}
.brand-public footer{margin:0;background:#112b4d;padding:38px 0;font-size:.85rem}.brand-public footer a{color:#e7eef8}
.brand-app{background:var(--brand-paper);color:var(--brand-ink);line-height:1.55}
.brand-app h1,.brand-app h2,.brand-app label{color:var(--brand-navy)}
.brand-app .box,.brand-app .card,.brand-app .header,.brand-app .panel{border-color:var(--brand-line);box-shadow:var(--shadow)}
.brand-app .box{padding:36px;margin:36px auto}.brand-app .box .row{margin-bottom:18px}.brand-app input,.brand-app select,.brand-app textarea{border-color:#c6d3e1;border-radius:6px}
.brand-app .tab-btn,.brand-app .btn.soft{background:#e7eef7;border-color:#ccdaea;color:var(--brand-navy)}.brand-app .tab-btn.active{background:var(--brand-navy);color:white}
.brand-app .tabs{flex-wrap:wrap}.brand-app .tab-btn{flex:1 1 140px}.brand-app th{background:#edf2f8;color:var(--brand-navy)}
.brand-app .stat-card{box-shadow:var(--shadow);border-top-color:var(--brand-blue)}
.brand-app .header-brand{justify-content:flex-start}.brand-app .header-logo{border:none;object-fit:contain}
.brand-app .brand img,.brand-app img[src='/logo-haggai-brand.png']{object-fit:contain!important;border:0!important;background:white}
.brand-app button:not(.btn):not(.tab-btn){background:var(--brand-navy);color:white}.brand-app .btn-link{color:var(--brand-navy)}
.form-brand{display:flex;align-items:center;gap:20px;font-size:.85rem;text-decoration:none}.form-brand img{width:90px;height:90px}
.brand-auth .auth-heading,.brand-auth .brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
.brand-auth .auth-heading img,.brand-auth .brand img{width:120px!important;height:120px!important;margin:-14px 0 -4px -10px}
.brand-auth h1{font-size:1.65rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:10px!important}
.brand-auth .muted{line-height:1.65}.brand-auth .box{max-width:520px}.brand-auth .card{padding:32px}
.brand-public .num{color:var(--brand-navy)}
.brand-public .t-quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.brand-public .t-photo{flex-shrink:0}
.brand-public .t-card::after{content:'Leer historia →';display:block;color:var(--brand-navy);font-size:.85rem;font-weight:600;margin-top:20px}
@media(max-width:1120px){.brand-caption{display:none}.brand-public .nav{gap:12px}.brand-public .nav a{font-size:.76rem}}
@media(max-width:960px){
 .brand-public .nav-wrap{min-height:82px;flex-wrap:wrap;gap:0}.brand-public .brand-logo{height:78px;width:90px}.brand-caption{display:block}
 .nav-toggle{display:flex;gap:14px;align-items:center;border:1px solid var(--brand-line);border-radius:6px;padding:10px 14px;background:white;color:var(--brand-navy);font-weight:600}
 .brand-public .nav{display:none;width:100%;padding:10px 0 24px;gap:5px;max-height:calc(100svh - 90px);overflow:auto}
 .brand-public .nav.open{display:flex;flex-direction:column;align-items:stretch}.brand-public .nav a{font-size:.95rem;padding:10px 12px}
 .brand-public .hero{min-height:720px;padding-top:150px}.brand-public .hero-bg{background:linear-gradient(90deg,rgba(12,35,64,.94),rgba(12,35,64,.65)),var(--hero-bg-url,url('/hero-illimani.webp')) center/cover}
 .brand-public .hero h1{max-width:700px}.brand-public .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-public .donar-grid{gap:30px}.brand-public .section-logo-soft{width:160px}
}
@media(max-width:560px){
 .brand-public section{padding:58px 0}.brand-public .hero{min-height:720px;min-height:100svh;padding:130px 0 65px}.brand-public .hero h1{font-size:2.65rem}.hero-eyebrow{font-size:.62rem;letter-spacing:.14em}
 .brand-public .hero-sub{font-size:1rem}.brand-public .hero-actions{flex-direction:column;align-items:stretch;text-align:center}
 .brand-public .grid-4{grid-template-columns:1fr 1fr}.brand-public .stats .card{padding:12px;margin:8px 0}.brand-public .stats .card h3{font-size:1.25rem}.brand-public .stats .card p{font-size:.8rem}
 .brand-public .seminario-list{grid-template-columns:1fr}.seminar-feature{padding:28px!important}.brand-public .donar-box{padding:24px}.brand-public .postular-card,.brand-public .testimonio-card{padding:22px}
 .brand-public .postular-top{align-items:flex-start}.brand-public .postular-card .title{font-size:1.4rem}.brand-public .t-arrow{display:block}.brand-public .t-arrow.left{left:-12px}.brand-public .t-arrow.right{right:-12px}
 .brand-app .box{padding:24px;margin:8px auto}.brand-app .header{padding:20px}.brand-app .header h1{font-size:1.65rem}.brand-app .panel{padding:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-bg{transform:none!important}}
/* Content remains readable if enhancement scripts fail. */
.brand-public .fade-section{opacity:1;transform:none}