:root{--ink:#122b28;--green:#164c46;--mint:#77dfb7;--paper:#f5f3ed;--coral:#eb654e;--line:#d9ded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{padding-left:12px;border-left:1px solid var(--line);display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:17px}.brand small{margin-top:3px;color:#647570}.desktop-nav{height:100%;display:flex;align-items:stretch;gap:8px}.desktop-nav a{position:relative;display:flex;align-items:center;gap:7px;padding:0 15px;font-weight:700;font-size:14px}.desktop-nav a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:transparent}.desktop-nav a.active:after{background:var(--coral)}.desktop-nav small{color:#8c9894;font-weight:400;font-size:10px}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;font-weight:700;list-style:none;padding:10px 14px;border:1px solid var(--line);border-radius:8px}.mobile-menu nav{position:absolute;right:0;top:48px;width:190px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #173b3420;border-radius:10px}.mobile-menu nav a{display:block;padding:12px;font-weight:700}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--green);min-height:680px;padding:110px 28px 0}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-100px;top:40px;border:1px solid #fff2;border-radius:50%;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.seismic-lines{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(110deg,transparent 46%,#fff 46.2%,transparent 46.6%),linear-gradient(70deg,transparent 56%,#fff 56.2%,transparent 56.6%)}.hero-inner{position:relative;z-index:2;max-width:1180px;margin:auto}.eyebrow,.step{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px}.eyebrow{color:var(--mint)}.hero h1{max-width:780px;margin:22px 0 20px;font-size:clamp(54px,8vw,96px);line-height:.94;letter-spacing:-.055em}.hero h1 em,h2 em{color:var(--mint);font-family:Georgia,serif;font-weight:400}.hero-inner>p{max-width:600px;margin:0;color:#dce8e5;font-size:19px;line-height:1.6}.hero-actions{margin-top:34px;display:flex;align-items:center;gap:28px}.primary-button{display:inline-flex;align-items:center;gap:16px;padding:15px 20px;background:var(--coral);color:#fff;font-weight:800;border-radius:7px;box-shadow:0 6px 20px #071f1a55}.emergency-link{display:flex;align-items:center;gap:12px}.emergency-link span{font-size:13px;color:#cbdad7}.emergency-link strong{font-size:28px}.quick-nav{position:relative;z-index:3;max-width:1180px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;color:var(--ink);box-shadow:0 18px 50px #0b282344}.quick-nav a{min-height:116px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr 1fr;gap:0 14px;align-items:end;padding:27px;border-right:1px solid var(--line)}.quick-nav a:last-child{border:0}.quick-nav span{grid-row:1/3;align-self:center;color:var(--coral);font-weight:900}.quick-nav strong{font-size:19px}.quick-nav small{align-self:start;color:#6e7e7a}.quick-nav svg{grid-row:1/3;align-self:center;width:18px}
.content-section{padding:120px 28px}.pale{background:var(--paper)}.section-grid,.section-intro,.situation-grid,.after-grid,.official-info{max-width:1180px;margin-left:auto;margin-right:auto}.section-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.step{color:var(--green)}.step.coral{color:var(--coral)}.step.mint{color:var(--mint)}.section-heading h2,.section-intro h2,.other-risks h2{margin:17px 0 15px;font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.02}.section-heading p,.section-intro>p,.other-risks>div>p{max-width:630px;color:#687772;font-size:17px;line-height:1.65}.paper-card{padding:42px;background:#fff;box-shadow:0 12px 35px #264d4312;border:1px solid #e5e5df;border-radius:4px}.check-list{padding:0;margin:0;list-style:none;display:grid;gap:20px}.check-list li{display:grid;grid-template-columns:25px 1fr;gap:12px;line-height:1.55}.check-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#dff2ea;color:var(--green);margin-top:1px}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;margin-bottom:58px}.section-intro .step{grid-column:1/-1}.section-intro h2{margin-bottom:0}.section-intro>p{align-self:end}.situation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.situation-card{padding:34px;background:#fafaf8;border:1px solid var(--line);border-radius:5px}.situation-card.featured{background:var(--paper)}.situation-card.wide-card{grid-column:1/-1}.icon-box{width:44px;height:44px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:50%}.situation-card h3,.dark-card h3{margin:18px 0 14px;font-size:23px}.situation-card p,.dark-card p{color:#61716c;line-height:1.65}
.dark-section{background:#102e2b;color:#fff}.section-intro.light>p{color:#b9cbc7}.after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dark-card{padding:34px;background:#173b37;border:1px solid #ffffff16;border-radius:5px}.dark-card.large{grid-row:span 2}.dark-card.warning{background:#7d3b31}.dark-card.warning>svg{color:#ffd3ca}.dark-card p,.dark-card .check-list{color:#c8d6d3}.dark-card .check-icon{background:#28524d;color:var(--mint)}.official-info{margin-top:18px;padding:25px 30px;display:flex;align-items:center;gap:18px;background:var(--mint);color:var(--ink);border-radius:5px}.official-info div{display:flex;flex-direction:column;gap:5px;flex:1}.official-info a{padding:12px 17px;background:var(--ink);color:#fff;border-radius:5px;font-weight:800}.other-risks{max-width:1180px;margin:auto;padding:105px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.other-risks h2{font-size:46px}.risk-cards{display:grid;gap:12px}.risk-cards article{padding:22px;border:1px solid var(--line);display:flex;align-items:center;gap:18px;border-radius:5px;background:var(--paper)}.risk-cards article>svg{color:var(--coral)}.risk-cards h3{margin:0 0 5px}.risk-cards span{color:#7c8985;font-size:13px}footer{padding:35px 28px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:center;gap:24px}footer img{object-fit:contain}footer p{flex:1;color:#687772}footer a{font-weight:800}
@media(max-width:760px){.header-inner{height:72px;padding:0 18px}.brand img{width:48px;height:48px}.brand strong{font-size:15px}.brand small{font-size:11px}.desktop-nav{display:none}.mobile-menu{display:block}.hero{min-height:auto;padding:75px 20px 0}.hero h1{font-size:56px}.hero-inner>p{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.primary-button{justify-content:space-between}.quick-nav{margin:65px -20px 0;grid-template-columns:1fr}.quick-nav a{min-height:90px;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.content-section{padding:80px 20px}.section-grid,.section-intro,.situation-grid,.after-grid,.other-risks{grid-template-columns:1fr;gap:25px}.section-grid{gap:38px}.paper-card,.situation-card,.dark-card{padding:25px}.section-intro{margin-bottom:38px}.section-intro .step{grid-column:auto}.section-intro h2{margin-top:-5px}.section-intro>p{margin-top:0}.situation-card.wide-card{grid-column:auto}.dark-card.large{grid-row:auto}.official-info{align-items:flex-start;flex-wrap:wrap;padding:23px}.official-info div{min-width:calc(100% - 55px)}.official-info a{width:100%;text-align:center}.other-risks{padding:75px 20px}.other-risks h2{font-size:40px}footer{flex-wrap:wrap}footer p{min-width:calc(100% - 90px)}}
.hero{background-image:url('../images/earthquake-hero-motion.png');background-size:cover;background-position:center}.hero:after,.seismic-lines{display:none}.hero-inner{filter:drop-shadow(0 2px 8px #062a2470)}
.section-heading h2 em{display:block}.scene-photo,.motion-graphic{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.scene-photo{height:210px;margin:-34px -34px 25px}.crop-prep{background-image:url('../images/motion-preparacion.png')}.crop-cover{background-image:url('../images/motion-edificio.png')}.crop-home{background-image:url('../images/motion-preparacion.png')}.crop-vivienda{background-image:url('../images/motion-encasa.png')}.crop-public{background-image:url('../images/motion-edificio-publico.png')}.crop-car{background-image:url('../images/motion-vehiculo.png')}.crop-street{background-image:url('../images/motion-calle.png')}.crop-utilities{background-image:url('../images/motion-despues-casa.png')}.crop-trapped{background-image:url('../images/motion-atrapado.png')}.crop-after-car{background-image:url('../images/motion-despues-vehiculo.png')}.crop-school{background-image:url('../images/motion-escuela.png')}.crop-boat{background-image:url('../images/motion-barco.png')}.section-heading .scene-photo{height:280px;margin:32px 0 0;border-radius:18px;box-shadow:0 18px 45px #1b4a3e2b}.situation-card{overflow:hidden;border-radius:18px;box-shadow:0 14px 35px #173b3412;transition:transform .25s ease,box-shadow .25s ease}.situation-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #173b3422}.street-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;padding:0;align-items:stretch}.street-card .scene-photo{height:100%;min-height:280px;margin:0}.street-card>div:last-child{padding:34px 34px 30px 0}
.graphic-card{padding:0;overflow:hidden;display:grid;grid-template-columns:210px 1fr;min-height:230px;border-radius:18px;box-shadow:0 18px 45px #051c1850;transition:transform .25s ease}.graphic-card:hover{transform:translateY(-4px)}.graphic-card.large{display:block}.motion-graphic{min-height:100%;overflow:hidden}.graphic-card.large .motion-graphic{height:260px}.motion-graphic:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#fff3 0 4%,transparent 5%),linear-gradient(120deg,transparent 60%,#b9e8d61a);animation:graphicPulse 4s ease-in-out infinite}.card-copy{padding:27px}.graphic-card.large .card-copy{padding:30px 34px 38px}.graphic-card h3{margin-top:0}.dark-card.warning.graphic-card{background:#63362f}
@keyframes graphicPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
.alerts-wrap{padding:0 28px 100px;background:#fff}.alerts-panel{max-width:1180px;margin:auto;padding:34px 30px 28px;border:1px solid #d9e3df;border-top:6px solid #cc262b;border-radius:18px;background:linear-gradient(115deg,#fff 65%,#f1f8f5);box-shadow:0 16px 38px #173b3410}.alerts-heading{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center}.alert-symbol{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#cc262b;color:#fff;box-shadow:0 10px 20px #cc262b30}.alert-symbol svg{width:34px;height:34px}.step.red{color:#cc262b}.alerts-heading h2{margin:7px 0 6px;font-size:34px;letter-spacing:-.025em}.alerts-heading p{margin:0;max-width:780px;color:#667873;line-height:1.55}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px}.social-grid>a{min-height:112px;padding:20px 17px;display:flex;align-items:center;gap:14px;border:1px solid #d8e2de;border-radius:12px;background:#f3f7f5;transition:transform .2s ease,box-shadow .2s ease}.social-grid>a:hover{transform:translateY(-2px);box-shadow:0 9px 22px #163f3520}.social-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:27px;font-weight:800}.facebook{background:#1877f2}.instagram{background:linear-gradient(135deg,#6a4bc5,#da2868,#ff8c30)}.whatsapp{background:#159650}.telegram{background:#229ed9}.social-grid>a>span:last-child{display:flex;flex-direction:column;gap:4px}.social-grid strong{font-size:17px}.social-grid small{color:#5f706b}.sos-banner{min-height:98px;padding:20px 24px;display:flex;align-items:center;gap:18px;background:#087451;color:#fff;border-radius:13px;box-shadow:0 10px 22px #08745125}.sos-banner>span{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#ffffff1c;border:1px solid #ffffff45}.sos-banner>div{display:flex;flex:1;flex-direction:column;gap:6px}.sos-banner strong{font-size:19px}.sos-banner small{font-size:14px}.official-check{margin:18px 4px 0;display:flex;gap:10px;align-items:center;color:#667873;font-size:13px}.official-check svg{color:#087451;flex:0 0 auto}
@media(max-width:900px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hero{background-position:62% center}.scene-photo{margin:-25px -25px 22px}.section-heading .scene-photo{margin:25px 0 0}.street-card{grid-template-columns:1fr}.street-card .scene-photo{min-height:230px}.street-card>div:last-child{padding:0 25px 25px}.graphic-card{grid-template-columns:1fr}.motion-graphic{height:300px}.graphic-card.large .motion-graphic{height:220px}.alerts-wrap{padding:0 14px 70px}.alerts-panel{padding:25px 18px 22px}.alerts-heading{grid-template-columns:54px 1fr;gap:14px}.alert-symbol{width:54px;height:54px}.alerts-heading h2{font-size:27px}.alerts-heading p{grid-column:1/-1}.social-grid{grid-template-columns:1fr}.social-grid>a{min-height:88px}.sos-banner{align-items:flex-start}.sos-banner>svg{margin-top:13px}.official-check{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand img{width:120px;height:50px}.situation-card h3{display:inline-block;margin:18px 0 18px;padding:9px 14px;border-left:4px solid var(--coral);border-radius:0 9px 9px 0;background:#eb654e12;color:var(--green);font-size:21px;font-weight:900;letter-spacing:-.02em}.dark-card h3{display:inline-block;margin:0 0 18px;padding:9px 14px;border-left:4px solid var(--mint);border-radius:0 9px 9px 0;background:#b9e8d614;color:#fff;font-size:21px;font-weight:900;letter-spacing:-.02em}
@media(max-width:760px){.brand img{width:104px;height:44px}.situation-card h3,.dark-card h3{font-size:19px}}

/* Solo las palabras Antes, Durante y Después se alinean a la derecha. */
.quick-nav strong { justify-self: end; text-align: right; }
.quick-nav small { text-align: right; }
/* En móvil se utiliza una composición vertical específica. */
@media (max-width: 760px) {
  .hero {
    background-color: var(--green);
    background-image: url('../images/earthquake-hero-motion-mobile.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	background-position-y: -252px;
  }
}
.risk-cards>a, .risk-cards article {
    padding: 22px;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 5px;
    background: var(--paper);
}