/* Estilos mínimos para centrar y escalar la imagen de forma responsive */
:root{--bg:#e8dfda}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:#222;
}
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
}
.construction-image{
  display:block;
  max-width:min(92vw,1000px);
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
  border-radius:8px;
}
@media (max-width:420px){
  .hero{padding:1rem}
  .construction-image{max-width:96vw}
}

/* Instagram floating button */
.ig-link{
  position:fixed;
  right:18px;
  bottom:18px;
  background:rgba(0,0,0,0.6);
  color:#fff;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,0.18);
}
.ig-link svg{width:20px;height:20px}
.ig-link:hover{transform:translateY(-2px);transition:transform .18s}