/* Inicio — adaptado de HOME - INICIO - FUVISA/index.html, sobre el sistema global del tema */
.hero{min-height:610px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#F4F8FA}
.heroMedia{position:absolute;inset:0 0 0 38%;z-index:-2}
.heroMedia img{width:100%;height:100%;object-fit:cover;object-position:62% 48%}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 27%,rgba(255,255,255,.88) 43%,rgba(255,255,255,.22) 72%,rgba(255,255,255,.03) 100%)}
.heroInner{width:100%;padding-top:90px;padding-bottom:92px}
.heroCopy{max-width:680px}
.hero h1{font-size:clamp(43px,4.25vw,68px);letter-spacing:-.055em;line-height:1.10;margin:22px 0}
.hero h1 em{font-style:normal;color:var(--blue);font-weight:650}
.lead{font-size:clamp(17px,1.55vw,21px);color:#203B58;line-height:1.62;max-width:580px;margin:0 0 28px}
.motto{font-size:13px;font-weight:750;letter-spacing:.11em;color:var(--wine);margin-top:32px}
.heroNote{position:absolute;bottom:16px;right:35px;font-size:10px;color:#23364E;background:#FFFFFFCF;border-radius:6px;padding:3px 9px}
.soft{background:#F7F9FB}
.home .section h2{letter-spacing:-.035em}
.intro{max-width:870px;font-size:19px;line-height:1.77;color:var(--muted)}
.twoCol{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}
.twoCol img{width:100%;height:430px;object-fit:cover;border-radius:20px}
.quiet{margin-top:24px;color:var(--blue);font-weight:800;text-decoration:none;display:inline-flex;gap:8px}
.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:40px}
.pillar{padding:32px 28px;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:0 0 18px 18px;background:#fff}
.pillar .icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--c);background:var(--bg)}
.pillar .icon img{width:30px;height:30px}
.pillar h3{font-size:22px;margin:22px 0 9px}
.pillar p{font-size:15px;margin-bottom:0;color:var(--muted)}
.familyline{margin-top:27px;text-align:center;font-size:13px;letter-spacing:.18em;font-weight:800}
.note{font-size:12px;color:#66788C}
.desca{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:45px}
.descaTag{font-weight:900;letter-spacing:.1em;font-size:24px;margin:10px 0}
.wave{height:215px;border-radius:20px;background:radial-gradient(circle at 20% 55%,#d8e5f5 0 7px,transparent 8px),radial-gradient(circle at 42% 46%,#c1eadf 0 9px,transparent 10px),radial-gradient(circle at 66% 34%,#ffe0a1 0 8px,transparent 9px),radial-gradient(circle at 83% 21%,#ffd1d9 0 7px,transparent 8px),linear-gradient(160deg,#F3F8FD,#fff);display:flex;align-items:flex-end;justify-content:center;padding:24px;font-size:14px;color:#6383A4;letter-spacing:.04em;text-align:center}
.identity{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.identity article,.value{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px}
.identity h3{font-size:23px;margin:10px 0}
.identity p{font-size:15px;color:var(--muted)}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}
.value h3{font-size:18px;margin:10px 0}
.value .num{font-size:11px;color:var(--wine);font-weight:800}
.value p{font-size:14px;color:var(--muted)}
.smallcaps{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--blue)}
.stages{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
.stage{border-top:4px solid var(--c);padding:27px 30px;background:#fff;border-radius:0 0 15px 15px}
.stage h3{font-size:25px;margin:0 0 12px}
.stage p{color:var(--muted)}
.orient{border-left:3px solid var(--wine);padding:16px 25px;background:#fff;color:var(--muted);margin-top:20px;font-size:15px}
.programs{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:33px}
.programs article{border:1px solid var(--line);border-radius:15px;padding:25px 26px;background:#fff}
.programs h3{font-size:19px;margin:0 0 12px}
.programs p{color:var(--muted)}
.history{max-width:920px}
.closing{background:var(--ink);color:#fff;padding:83px 0}
.closing h2{color:#fff;font-size:clamp(30px,3.2vw,45px);margin:0 0 16px}
.closing p{max-width:800px;color:#E0EDF8;font-size:18px}
.latest-news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
@media(max-width:1120px){.heroMedia{left:28%}.hero:before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 30%,rgba(255,255,255,.72) 62%,rgba(255,255,255,.05) 100%)}}
@media(max-width:900px){.heroMedia{left:20%}.twoCol,.desca{grid-template-columns:1fr;gap:35px}.triad,.programs,.latest-news{grid-template-columns:1fr}.values{grid-template-columns:repeat(2,1fr)}.twoCol img{height:360px}}
@media(max-width:620px){
.hero{min-height:unset;display:flex;flex-direction:column-reverse}
.heroMedia{position:relative;inset:auto;height:300px;z-index:0}
.heroMedia img{object-position:58%}
.hero:before{display:none}
.heroInner{padding:52px 0 30px;background:#fff}
.hero h1{font-size:clamp(37px,11vw,50px);letter-spacing:-.05em}
.lead{font-size:17px}
.heroNote{display:none}
.identity,.stages{grid-template-columns:1fr}
.values{grid-template-columns:1fr 1fr}
.desca{padding:23px}
.wave{height:130px}
}