:root{
  --text:#1d1d1b;
  --accent:#a3b1a4;
  --bg:#fff;
  --muted:#f6f6f5;
  --radius:18px;
  --shadow:0 10px 28px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:"Nunito",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:40px 20px}
.brand .logo{
  font-family:"Sansita",serif;font-weight:800;letter-spacing:.2px;
  font-size:clamp(1.6rem,3vw,2rem); margin-bottom:5px; text-align:center;
}
.card{
  width:min(680px,100%);background:#fff;border-radius:var(--radius);
  padding:28px 24px;box-shadow:var(--shadow);text-align:center;
}
h1{
  font-family:"Sansita",serif;font-weight:800;margin:0 0 .5rem;
  font-size:clamp(1.8rem,3.5vw,2.4rem);
}
.lead{opacity:.9;margin:0 0 1rem}
.contacts{list-style:none;padding:0;margin:10px 0 18px;display:grid;gap:8px}
.contacts li{display:flex;gap:8px;justify-content:center;align-items:center}
.contacts a{color:var(--accent);text-decoration:none;font-weight:700}
.contacts a:hover{text-decoration:underline}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;
     font-weight:700;text-decoration:none;border:2px solid transparent}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{filter:saturate(1.08)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--text)}
.footer{margin-top:20px;text-align:center;opacity:.75}

.logo_img{
    width: auto;
    height: 50px;
    margin-bottom: -100px;
}

/* ===== Responsive Coming Soon ===== */

/* ≤480px: compacto y CTA a ancho completo */
@media (max-width:480px){
  .wrap{padding:32px 16px}
  .card{padding:22px 16px}
  .contacts{gap:6px}
  .btn{width:100%}
  .logo_img{width: 180px; height: auto; margin-bottom: auto;
  }
}

/* 481–768px: cómoda en tablet vertical */
@media (min-width:481px) and (max-width:768px){
  .card{width:min(560px,100%)}
}

/* ≥1200px: más presencia en escritorio */
@media (min-width:1200px){
  .wrap{padding:60px 24px}
  .card{width:min(760px,100%); padding:34px 30px}
}

/* --- Corrección rendering en contactos (emoji + texto) --- */
.contacts{ 
  font-family: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.5;
}

/* Fuerza que los emoji usen su propia fuente para evitar mezclas */
.contacts li > span{
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";
  display: inline-block;         /* aísla la caja del emoji */
  transform: translateZ(0);       /* ayuda a suavizado en WebKit */
}

/* Suavizado y legibilidad mejorada (sobre todo iOS/WebKit) */
.contacts, .contacts a{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Pequeño ajuste en móvil para evitar 'pixel snapping' de Nunito */
@media (max-width: 540px){
  .contacts{ font-size: 1.015rem; letter-spacing: .005em; }
}