:root{ --cia-accent:#6be7d5; --cia-overlay:.35; }

/* bloquea scroll cuando está abierto */
.cia-lock{ overflow:hidden; }

/* overlay translúcido y con blur suave */
#cia-overlay{
  position:fixed; inset:0;
  background:rgba(15,23,42,var(--cia-overlay));
  backdrop-filter:blur(2px) saturate(115%);
  -webkit-backdrop-filter:blur(2px) saturate(115%);
  z-index:99998; transition:opacity .25s ease; opacity:1;
}
#cia-overlay[hidden]{ display:none!important; }

/* modal centrado */
#cia-modal{ position:fixed; inset:0; display:grid; place-items:center; z-index:99999; pointer-events:none; padding:12px; }
#cia-modal[hidden]{ display:none!important; }

.cia-card{
  pointer-events:auto;
  background:rgba(17,24,39,.72);
  color:#fff; width:min(92vw,520px);
  border-radius:18px; padding:18px 22px 20px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  position:relative;
  font-family:'Raleway',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';
}

/* botón cerrar elegante */
.cia-close{
  position:absolute; top:12px; right:12px;
  width:34px; height:34px; border-radius:9999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(17,24,39,.45); color:#e5e7eb;
  font-size:18px; line-height:30px; cursor:pointer;
  transition:background .18s ease, transform .04s ease;
  backdrop-filter:blur(6px);
}
.cia-close:hover{ background:rgba(17,24,39,.6); }
.cia-close:active{ transform:scale(.98); }

/* logo arriba */
.cia-logo-top{ display:flex; justify-content:center; margin:4px 0 8px; }
.cia-logo-top img{ max-height:48px; width:auto; filter:drop-shadow(0 2px 6px rgba(0,0,0,.15)); }

.cia-title{ margin:6px 0 14px; font-size:clamp(18px,2.1vw,24px); font-weight:800; color:#fff; text-align:center; letter-spacing:.2px; }

.cia-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:4px; }
.cia-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:180px; padding:11px 16px; border-radius:9999px;
  text-decoration:none; font-weight:700; border:1px solid rgba(255,255,255,.18);
  background:rgba(17,24,39,.35); color:#fff;
  transition:transform .04s ease, background .18s ease, filter .18s ease;
  font-family:'Raleway',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
.cia-btn:hover{ background:rgba(17,24,39,.5); }
.cia-btn:active{ transform:scale(.985); }

/* botón principal LATAM con color acento */
.cia-btn--accent{
  background:var(--cia-accent); color:#0b1220; border-color:transparent;
  filter:saturate(110%);
}
.cia-btn--accent:hover{ filter:brightness(1.04) saturate(115%); }

@media (max-width:420px){
  .cia-btn{ min-width:100%; }
  .cia-card{ padding:16px; }
}