:root{--purple:#312777;--magenta:#c92f8b;--ink:#17142a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 clamp(24px,5vw,86px);display:grid;grid-template-columns:190px 1fr 130px;align-items:center;gap:30px;background:rgba(255,255,255,.96);border-bottom:1px solid #e9e5f2;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand img{width:112px;height:78px;object-fit:contain}nav{display:flex;justify-content:center;gap:clamp(22px,3vw,50px);font-size:14px;font-weight:700;color:#4d4960}nav a:hover{color:var(--magenta)}.nav-cta{justify-self:end;padding:12px 24px;border:1px solid var(--purple);color:var(--purple);border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.hero{min-height:calc(100vh - 88px);position:relative;display:flex;align-items:center;overflow:hidden;padding:80px clamp(24px,8vw,150px)}.hero-image{position:absolute;inset:0;background:url('hero-background.png') center/cover no-repeat;filter:saturate(.92)}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.25) 70%,rgba(49,39,119,.16) 100%)}.hero-content{position:relative;z-index:2;max-width:820px}.eyebrow{display:inline-block;margin:0 0 22px;color:var(--purple);border-bottom:3px solid var(--magenta);padding-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kicker{color:var(--magenta);text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:15px;margin:0 0 12px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{margin:0;max-width:790px;color:var(--purple);font-size:clamp(46px,5.8vw,82px);line-height:.98;letter-spacing:-.045em}.lead{max-width:680px;margin:28px 0 34px;color:#4d4960;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{padding:16px 26px;border-radius:4px;font-size:14px;font-weight:800}.button-primary{background:var(--purple);color:#fff;box-shadow:0 12px 28px rgba(49,39,119,.2)}.button-secondary{background:#fff;color:var(--purple);border:1px solid #cfc9e1}.hero-mark{position:absolute;z-index:3;right:clamp(30px,6vw,120px);bottom:42px;display:flex;flex-direction:column;color:rgba(255,255,255,.82);text-align:right;text-shadow:0 2px 15px rgba(38,30,87,.25)}.hero-mark span{font-family:Georgia,serif;font-size:clamp(32px,5vw,76px);font-weight:700;letter-spacing:.04em}.hero-mark small{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#f0a9d2}.quick-facts{margin:-24px auto 0;position:relative;z-index:5;max-width:1160px;background:#fff;box-shadow:0 20px 60px rgba(49,39,119,.12);display:grid;grid-template-columns:repeat(3,1fr)}.quick-facts article{display:flex;align-items:center;gap:18px;padding:28px 34px;border-right:1px solid #ece8f3}.quick-facts article:last-child{border:0}.quick-facts strong{min-width:58px;color:var(--magenta);font-size:21px;letter-spacing:-.04em}.quick-facts span,.quick-facts small{display:block}.quick-facts span{font-weight:800;color:var(--purple)}.quick-facts small{margin-top:5px;color:#777184}.intro{max-width:1160px;margin:0 auto;padding:120px 0 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.section-label,.feature-card>p{color:var(--magenta);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900}.intro h2{margin:13px 0 0;color:var(--purple);font-size:clamp(36px,4vw,58px);line-height:1.08}.intro-copy p{margin:34px 0 26px;color:#5f596a;font-size:17px;line-height:1.8}.intro-copy a{color:var(--purple);font-weight:800;border-bottom:2px solid var(--magenta);padding-bottom:6px}.preview-grid{display:grid;grid-template-columns:1.05fr .95fr 1fr;min-height:420px}.feature-card{padding:70px clamp(28px,4vw,70px);display:flex;flex-direction:column;justify-content:space-between}.feature-card h3{margin:20px 0 50px;font-size:clamp(30px,3vw,45px);line-height:1.08}.feature-card span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.magenta{background:var(--magenta);color:#fff}.magenta>p{color:#fff;opacity:.78}.light{background:#f2eff8;color:var(--purple)}.dark{background:var(--purple);color:#fff}.dark>p{color:#f17bbb}footer{padding:55px clamp(24px,8vw,150px);display:grid;grid-template-columns:140px 1fr 1.3fr;gap:35px;align-items:center;color:#625c70;font-size:13px;border-top:5px solid var(--magenta)}footer img{width:110px;height:80px;object-fit:contain}footer p:last-child{text-align:right}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:76px}.brand img{width:92px;height:64px}nav{display:none}.hero{min-height:780px;padding-top:70px;align-items:flex-start}.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.88) 62%,rgba(49,39,119,.18))}.hero-mark{display:none}.quick-facts{margin:0;grid-template-columns:1fr}.quick-facts article{border-right:0;border-bottom:1px solid #ece8f3}.intro{padding:80px 24px 70px;grid-template-columns:1fr;gap:20px}.preview-grid{grid-template-columns:1fr}.feature-card{min-height:330px}footer{grid-template-columns:1fr;text-align:center}footer p:last-child{text-align:center}}@media(max-width:520px){.site-header{padding:0 18px}.nav-cta{padding:10px 17px}.hero{padding:55px 22px 70px;min-height:720px}h1{font-size:43px}.lead{font-size:16px}.button{width:100%;text-align:center}.quick-facts article{padding:23px}.intro h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* CONTACTO INSTITUCIONAL DEL FOOTER: presentación del WhatsApp y correo. */
.footer-institution-wrap{display:flex;align-items:center;gap:16px;min-width:0}
.footer-institution-wrap .footer-tribunal-logo{width:74px;height:74px;flex:0 0 74px;object-fit:contain;border-radius:10px}
.footer-institution-wrap .footer-institution{margin:0;line-height:1.55;text-align:left}
.footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
.footer-contact a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:220px;padding:12px 18px;border:1px solid #d9d2e4;border-radius:14px;color:inherit;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.footer-contact a:hover{transform:translateY(-2px);background:#f7f4fa;border-color:#b9aecb}
.footer-contact span{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.72}
.footer-contact strong{font-size:.85rem;white-space:nowrap}
@media(max-width:900px){.footer-institution-wrap{justify-content:center;width:min(100%,560px);margin:auto}.footer-institution-wrap .footer-institution{text-align:left}.footer-contact{display:grid;grid-template-columns:1fr;width:min(100%,520px);margin:auto}.footer-contact a{min-width:0;width:100%}}
@media(max-width:520px){.footer-institution-wrap{flex-direction:column}.footer-institution-wrap .footer-institution{text-align:center}.footer-institution-wrap .footer-tribunal-logo{width:82px;height:82px;flex-basis:82px}}