:root{ --bg:#0b0b0b; --fg:#eef1f3; --muted:#a9b0b6; --card:#101318; --stroke:#232832; --accent:#00e0b8; --warn:#ffc857; --danger:#ff4d4f; }




@media (max-width:400px){

.hero{display:grid; grid-template-columns: 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}
  .hero{display:grid; grid-template-columns: 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}
.hero header {padding-block: 5rem 3rem;}

}

@media (min-width:401px) and (max-width:768px){
  
.hero{display:grid; grid-template-columns: 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}
.hero header {padding-block: 5rem 3rem;}
}

@media (min-width:769px) and (max-width:992px){
  
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}

}

@media (min-width:993px) and (max-width:1340px){
 
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}
 
}

@media (min-width:1341px) and (max-width:1920px){
  
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/precipicio.png');background-size: cover; background-position: center center; height:100%;}

}

@media (min-width:1921px) and (max-width:2560px){
  
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/entre-montanas.png');background-size: cover; background-position: center center; height:100%;}

}

@media (min-width:2561px) and (max-width:3840px){
 
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/entre-montanas.png');background-size: cover; background-position: center center; height:100%;}
 
}

@media (min-width:3841px){
 
.hero{display:grid; grid-template-columns: 2fr 1fr; background-image: url('https://esourense.com/wp-content/uploads/entre-montanas.png');background-size: cover; background-position: center center; height:100%;}
 }
.hero header {padding-inline:calc(1rem + 15vw); align-content: center; justify-items: center;}
.hero header h1 {font-size: clamp(1.8rem, 1.5rem + 2.5vw, 6.5rem);
}




  .wrap{padding:4rem 6vw;display:grid;gap:1.25rem;min-height:100svh}
  .trk{background:linear-gradient(180deg,#0f1114,var(--card));border:1px solid var(--stroke);border-radius:22px;padding:1rem;box-shadow:0 24px 100px rgba(0,0,0,.45)}
  h1{margin:.2rem 0 1rem;font-weight:900;letter-spacing:-.02em}
  #map{width:100%;height:calc(200px + 10vw);border:1px solid var(--stroke);border-radius:14px;overflow:hidden}
  .stats{list-style:none;margin:.7rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
  .stats li{background:#0d0f13;border:1px solid var(--stroke);border-radius:12px;padding:.65rem .75rem}
  .stats .label{font-size:.75rem;color:var(--muted);display:block;margin-bottom:.14rem}
  .rows{display:grid;gap:.6rem;margin-top:.7rem}
  .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
  .k{background:#0f1216;border:1px solid var(--stroke);padding:.55rem .75rem;border-radius:10px;color:var(--fg);cursor:pointer}
  .k:disabled{opacity:.5;cursor:not-allowed}
  .k.warn{border-color:#59481a}
  .k.danger{border-color:#4a1a1a}
  .file{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;border:1px dashed #2a3036;border-radius:10px;padding:.5rem}
  .file input{display:none}
  .file small{color:var(--muted)}
  .msg{margin-top:.6rem;min-height:1.2em}
  .msg.err{color:#ffb3b3}
  .msg.ok{color:#a6ffcb}
  @media (max-width:960px){ .stats{grid-template-columns:repeat(2,1fr)} }