:root{
  --bg:#071728;
  --gold:#d9ad51;
  --text:#f7f3e8;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text)}
.page-shell{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}
.card-wrap{position:relative;width:min(100%,928px);line-height:0;overflow:hidden}
.card-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspots{position:absolute;inset:0;pointer-events:none}
.hotspot{position:absolute;display:block;border:0;background:transparent;cursor:pointer;pointer-events:auto;border-radius:18px;padding:0;margin:0}
.hotspot:focus-visible{outline:3px solid #fff;outline-offset:-3px;background:rgba(255,255,255,.08)}
.hotspot:hover{background:rgba(255,255,255,.035)}

/* Zonas clicables sobre los 8 botones visibles de la imagen */
.h-phone{left:6.0%;top:74.7%;width:18.0%;height:9.0%}
.h-whatsapp{left:26.5%;top:74.7%;width:18.0%;height:9.0%}
.h-facebook{left:47.0%;top:74.7%;width:18.0%;height:9.0%}
.h-linkedin{left:67.5%;top:74.7%;width:18.0%;height:9.0%}
.h-web{left:6.0%;top:84.1%;width:18.0%;height:9.2%}
.h-email{left:26.5%;top:84.1%;width:18.0%;height:9.2%}
.h-share{left:47.0%;top:84.1%;width:18.0%;height:9.2%}
.h-community{left:67.5%;top:84.1%;width:25.0%;height:9.2%}

.credit{width:min(100%,928px);padding:14px 12px 20px;text-align:center;background:#071728}
.credit a{color:var(--gold);text-decoration:none;font-size:14px;letter-spacing:.04em}
.credit a:hover{text-decoration:underline}

@media (max-width:520px){
  .credit{padding-top:10px}
  .credit a{font-size:12px}
}