*{box-sizing:border-box;margin:0;padding:0}
:root{--red:#c9151e;--red2:#ed2028;--black:#07090b;--text:#f5f5f4;--muted:#b7b9bd;--line:rgba(255,255,255,.12)}
html,body{min-height:100%;background:var(--black);color:var(--text)}
body{font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.page{min-height:100vh;background:#07090b}
.topbar{height:230px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line);background:rgba(5,6,8,.9)}
.brand img{
  display:block;
  width:min(510px,50vw);
  height:auto;
  max-height:185px;
  object-fit:contain;
  object-position:left center;
}
.status{display:flex;align-items:center;gap:9px;color:#c7c8ca;font-size:10px;font-weight:700;letter-spacing:.15em}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 5px rgba(237,32,40,.12),0 0 16px rgba(237,32,40,.7)}
.hero{position:relative;min-height:calc(100vh - 230px - 154px);display:flex;align-items:center;padding:7vh 5vw;overflow:hidden}
.hero-photo{position:absolute;inset:0;background:url("../assets/fondo-bomberos.jpg") center right/cover no-repeat;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.98) 0%,rgba(5,7,9,.94) 25%,rgba(5,7,9,.68) 48%,rgba(5,7,9,.15) 78%,rgba(5,7,9,.1) 100%),linear-gradient(0deg,rgba(5,7,9,.5),transparent 30%,rgba(5,7,9,.18))}
.hero-content{position:relative;z-index:2;width:min(720px,62vw)}
.eyebrow{display:flex;align-items:center;gap:12px;color:#cfd0d2;font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:22px}
.eyebrow span{width:40px;height:2px;background:var(--red2)}
h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(45px,5.2vw,78px);line-height:.98;letter-spacing:-.055em}
h1 em{font-style:normal;color:var(--red2)}
.lead{max-width:620px;margin-top:25px;color:var(--muted);font-size:16px;line-height:1.72}
.countdown{display:flex;align-items:center;gap:12px;margin-top:30px}
.time-box{width:94px;padding:12px 8px;border:1px solid rgba(237,32,40,.85);background:rgba(5,7,9,.72);border-radius:7px;text-align:center;backdrop-filter:blur(8px)}
.time-box strong{display:block;color:var(--red2);font-family:Montserrat,sans-serif;font-size:30px;line-height:1}
.time-box span{display:block;margin-top:7px;color:#ddd;font-size:8px;font-weight:700;letter-spacing:.13em}.separator{color:var(--red2);font-weight:800}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 22px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.06em;transition:.25s}
.btn span{font-size:18px}.btn-primary{background:var(--red);box-shadow:0 12px 30px rgba(201,21,30,.25)}.btn-primary:hover{background:var(--red2);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.32);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:#fff;transform:translateY(-2px)}
.stats{min-height:112px;padding:0 5vw;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#0d1012;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{min-height:65px;padding:0 30px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}
.stat b{font-family:Montserrat,sans-serif;font-size:42px;line-height:1;color:#fff}.stat span{color:var(--red2);font-size:10px;font-weight:800;letter-spacing:.05em}.stat small{display:block;margin-top:5px;color:#a7a9ad;font-size:9px;font-weight:400;letter-spacing:0}
.footer{min-height:78px;padding:14px 5vw;display:grid;grid-template-columns:1.2fr 1.2fr auto;align-items:center;gap:24px;background:#080a0c;color:#92959a;font-size:9px}.footer strong{display:block;color:#d3d4d6;font-size:8px;letter-spacing:.09em}.footer span{display:block;margin-top:5px}.footer-contact{display:flex;gap:22px}.footer-contact a:hover{color:#fff}.copyright{white-space:nowrap;text-align:right}
@media(max-width:1000px){
  .brand img{
    width:min(475px,58vw);
    max-height:170px;
  }
@media(max-width:680px){.topbar{height:145px;padding:0 20px}.brand img{width:360px;max-width:88vw;max-height:125px}.status{display:none}.hero{min-height:calc(100vh - 145px);padding:52px 20px 45px;align-items:flex-start}.hero-photo{background-position:67% center}.hero-shade{background:linear-gradient(90deg,rgba(5,7,9,.98),rgba(5,7,9,.9) 75%,rgba(5,7,9,.58)),linear-gradient(0deg,rgba(5,7,9,.72),transparent 60%)}.hero-content{width:100%;margin-top:5vh}.eyebrow{font-size:9px;letter-spacing:.13em}.eyebrow span{width:28px}h1{font-size:clamp(40px,12vw,57px)}.lead{font-size:14px}.countdown{gap:5px;justify-content:space-between}.time-box{width:auto;flex:1;padding:10px 4px}.time-box strong{font-size:22px}.separator{font-size:12px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.stats{grid-template-columns:1fr;padding:10px 20px}.stat,.stat:first-child{border-right:0;padding:14px 0}.footer{display:block;padding:22px 20px}.footer-contact{margin-top:15px;display:flex;flex-direction:column;gap:8px}.copyright{text-align:left;margin-top:15px}}
