/* =====================================================================
   FIBERGY · COMPROBADOR DE COBERTURA — ESTILOS
   Subir por FTP a: /wp-content/uploads/fibergy/fibergy-cobertura.css
   Todo scopeado bajo .fbg-cob: no afecta al resto del sitio.
   ===================================================================== */

.fbg-cob{
  --k-dark:#171E36;
  --k-deep:#0F1428;
  --k-blue:#24B6E6;
  --k-pink:#D53995;
  --k-purple:#792F8F;
  --k-green:#2FD97C;
  --k-amber:#F5A623;
  --k-tint:#F4F7FB;
  --k-line:#E4EAF2;
  --k-soft:#5A6378;
  --k-grad:linear-gradient(135deg,#D53995 0%,#792F8F 100%);
  --k-font-head:'Panton',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --k-font-body:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  position:fixed; inset:0; z-index:99999;
  display:none; align-items:center; justify-content:center;
  padding:20px;
  background:rgba(15,20,40,.72);
  backdrop-filter:blur(4px);
  font-family:var(--k-font-body);
  color:var(--k-dark); line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-y:auto;
  opacity:0; transition:opacity .22s ease;
}
.fbg-cob.is-open{ display:flex; }
.fbg-cob.is-visible{ opacity:1; }

.fbg-cob *,.fbg-cob *::before,.fbg-cob *::after{ box-sizing:border-box; margin:0; padding:0; }
.fbg-cob ul{ list-style:none; }
.fbg-cob button{ font-family:inherit; border:0; background:none; cursor:pointer; color:inherit; }
.fbg-cob a{ text-decoration:none; color:inherit; }
.fbg-cob h2,.fbg-cob h3{ font-family:var(--k-font-head); font-weight:800; line-height:1.14; }
.fbg-cob :focus-visible{ outline:3px solid var(--k-blue); outline-offset:2px; border-radius:8px; }

body.fbg-cob-locked{ overflow:hidden; }

/* ══════════ CAJA ══════════ */
.fbg-cob .fbg-cob__box{
  position:relative;
  width:100%; max-width:520px; margin:auto;
  background:#fff; border-radius:24px; overflow:hidden;
  transform:translateY(14px);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6);
}
.fbg-cob.is-visible .fbg-cob__box{ transform:translateY(0); }

.fbg-cob .fbg-cob__close{
  position:absolute; top:16px; right:16px; z-index:5;
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff;
  border:1px solid rgba(255,255,255,.24);
  font-size:16px; line-height:1;
  transition:background .18s ease;
}
.fbg-cob .fbg-cob__close:hover{ background:rgba(255,255,255,.28); }

/* ══════════ CABECERA ══════════ */
.fbg-cob .fbg-cob__head{
  position:relative; overflow:hidden;
  padding:34px 28px 30px;
  color:#fff;
  background:
    radial-gradient(520px 280px at 88% -20%, rgba(36,182,230,.22), transparent 62%),
    linear-gradient(158deg,#1C2445 0%, var(--k-dark) 50%, var(--k-deep) 100%);
}
.fbg-cob .fbg-cob__head::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg,var(--k-blue),var(--k-purple) 52%,var(--k-pink));
}
.fbg-cob .fbg-cob__head h2{ font-size:clamp(23px,5vw,29px); padding-right:42px; }
.fbg-cob .fbg-cob__head h2 span{ color:var(--k-blue); }
.fbg-cob .fbg-cob__head p{ margin-top:9px; font-size:15px; color:rgba(255,255,255,.72); }

/* ══════════ FORMULARIO ══════════ */
.fbg-cob .fbg-cob__body{ padding:26px 28px 30px; }
.fbg-cob .fbg-cob__label{
  display:block; margin-bottom:9px;
  font-family:var(--k-font-head); font-size:12px; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase; color:var(--k-soft);
}
.fbg-cob .fbg-cob__row{ display:flex; gap:10px; }
.fbg-cob .fbg-cob__input{
  flex:1 1 auto; min-width:0;
  font-family:var(--k-font-head); font-weight:800;
  font-size:22px; letter-spacing:.08em; color:var(--k-dark);
  background:var(--k-tint); border:2px solid var(--k-line);
  border-radius:14px; padding:14px 18px; min-height:58px;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.fbg-cob .fbg-cob__input::placeholder{ color:#A9B2C2; font-weight:700; }
.fbg-cob .fbg-cob__input:focus{
  outline:none; background:#fff; border-color:var(--k-blue);
  box-shadow:0 0 0 4px rgba(36,182,230,.16);
}
.fbg-cob .fbg-cob__go{
  flex:0 0 auto;
  font-weight:700; font-size:16px; line-height:1; color:#fff;
  background:var(--k-grad); border-radius:14px;
  padding:16px 24px; min-height:58px;
  box-shadow:0 12px 28px -12px rgba(213,57,149,.6);
  transition:transform .18s ease, filter .18s ease;
}
.fbg-cob .fbg-cob__go:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.fbg-cob .fbg-cob__err{
  margin-top:10px; font-size:14px; font-weight:600; color:#D33A3A;
}

/* ══════════ RESULTADO ══════════ */
.fbg-cob .fbg-cob__result{ margin-top:22px; }
.fbg-cob .fbg-cob__card{
  border-radius:18px; padding:24px 22px;
  border:2px solid var(--k-line); background:var(--k-tint);
  animation:fbgCobIn .3s ease-out;
}
@keyframes fbgCobIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}
.fbg-cob .fbg-cob__card--ok{
  border-color:rgba(47,217,124,.5);
  background:linear-gradient(180deg, rgba(47,217,124,.09), rgba(244,247,251,.9));
}
.fbg-cob .fbg-cob__card--alt{
  border-color:rgba(36,182,230,.45);
  background:linear-gradient(180deg, rgba(36,182,230,.09), rgba(244,247,251,.9));
}
.fbg-cob .fbg-cob__badge{
  display:inline-block; margin-bottom:12px;
  font-family:var(--k-font-head); font-size:11px; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase;
  padding:7px 14px; border-radius:100px;
  color:#0E6B3C; background:rgba(47,217,124,.22);
}
.fbg-cob .fbg-cob__badge--alt{ color:#11607C; background:rgba(36,182,230,.22); }
.fbg-cob .fbg-cob__card h3{ font-size:24px; margin-bottom:10px; }
.fbg-cob .fbg-cob__card h3 b{ color:var(--k-purple); }
.fbg-cob .fbg-cob__card > p{ font-size:15px; color:var(--k-soft); }

.fbg-cob .fbg-cob__list{
  display:flex; flex-direction:column; gap:9px;
  margin:16px 0 20px;
}
.fbg-cob .fbg-cob__list li{
  position:relative; padding-left:27px;
  font-size:15px; color:var(--k-dark); font-weight:600;
}
.fbg-cob .fbg-cob__list li::before{
  content:""; position:absolute; left:0; top:4px;
  width:18px; height:18px; border-radius:50%;
  background:rgba(36,182,230,.16);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324B6E6' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:11px; background-repeat:no-repeat; background-position:center;
}

.fbg-cob .fbg-cob__cta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:56px;
  font-size:16.5px; font-weight:700; line-height:1;
  color:#fff !important; background:var(--k-grad);
  border-radius:100px;
  box-shadow:0 14px 32px -12px rgba(213,57,149,.6);
  transition:transform .18s ease, filter .18s ease;
}
.fbg-cob .fbg-cob__cta:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.fbg-cob .fbg-cob__cta svg{ width:21px; height:21px; flex:0 0 auto; }

.fbg-cob .fbg-cob__small{
  margin-top:14px; font-size:13px; line-height:1.5; color:var(--k-soft); text-align:center;
}

/* ══════════ MÓVIL ══════════ */
@media (max-width:520px){
  .fbg-cob{ padding:0; align-items:flex-start; }
  .fbg-cob .fbg-cob__box{ border-radius:0; min-height:100%; max-width:100%; }
  .fbg-cob .fbg-cob__head{ padding:30px 20px 26px; }
  .fbg-cob .fbg-cob__body{ padding:22px 20px 34px; }
  .fbg-cob .fbg-cob__row{ flex-direction:column; }
  .fbg-cob .fbg-cob__go{ width:100%; }
}

@media (prefers-reduced-motion:reduce){
  .fbg-cob, .fbg-cob *{ transition:none !important; animation:none !important; }
}


/* =====================================================================
   MODO EN LINEA
   Para el contenedor <div data-fbg-cob-inline></div> dentro de una
   seccion. Comparte las tarjetas de resultado con el popup.
   ===================================================================== */
.fbg-cob-inline{
  --k-dark:#171E36; --k-blue:#24B6E6; --k-pink:#D53995; --k-purple:#792F8F;
  --k-green:#2FD97C; --k-tint:#F4F7FB; --k-line:#E4EAF2; --k-soft:#5A6378;
  --k-grad:linear-gradient(135deg,#D53995 0%,#792F8F 100%);
  --k-font-head:'Panton',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --k-font-body:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--k-font-body); color:var(--k-dark); line-height:1.55;
  max-width:660px; margin:0 auto; text-align:center;
}
.fbg-cob-inline *,.fbg-cob-inline *::before,.fbg-cob-inline *::after{ box-sizing:border-box; margin:0; padding:0; }
.fbg-cob-inline ul{ list-style:none; }
.fbg-cob-inline button{ font-family:inherit; border:0; background:none; cursor:pointer; }
.fbg-cob-inline a{ text-decoration:none; }
.fbg-cob-inline h3{ font-family:var(--k-font-head); font-weight:800; line-height:1.15; }

.fbg-cob-inline .fbg-cob__row{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
}
.fbg-cob-inline .fbg-cob__input{
  flex:1 1 260px; min-width:0;
  font-family:var(--k-font-body); font-size:17px; color:var(--k-dark);
  background:#fff; border:1.8px solid var(--k-line); border-radius:16px;
  padding:16px 20px; min-height:60px; text-align:left;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.fbg-cob-inline .fbg-cob__input::placeholder{ color:#9AA3B4; }
.fbg-cob-inline .fbg-cob__input:focus{
  outline:none; border-color:var(--k-blue);
  box-shadow:0 0 0 4px rgba(36,182,230,.15);
}
.fbg-cob-inline .fbg-cob__go{
  flex:0 0 auto;
  font-weight:700; font-size:16.5px; line-height:1; color:#fff;
  background:var(--k-grad); border-radius:100px;
  padding:18px 34px; min-height:60px;
  box-shadow:0 14px 32px -12px rgba(213,57,149,.6);
  transition:transform .18s ease, filter .18s ease;
}
.fbg-cob-inline .fbg-cob__go:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.fbg-cob-inline .fbg-cob__hint{ margin-top:12px; font-size:14px; color:var(--k-soft); }
.fbg-cob-inline .fbg-cob__err{ margin-top:10px; font-size:14.5px; font-weight:700; color:#D33A3A; }

.fbg-cob-inline .fbg-cob__result{ margin-top:24px; text-align:left; }
.fbg-cob-inline .fbg-cob__card{
  border-radius:20px; padding:26px 24px;
  border:2px solid var(--k-line); background:#fff;
  animation:fbgCobIn .3s ease-out;
}
.fbg-cob-inline .fbg-cob__card--ok{
  border-color:rgba(47,217,124,.5);
  background:linear-gradient(180deg, rgba(47,217,124,.09), #fff);
}
.fbg-cob-inline .fbg-cob__card--alt{
  border-color:rgba(36,182,230,.45);
  background:linear-gradient(180deg, rgba(36,182,230,.09), #fff);
}
.fbg-cob-inline .fbg-cob__badge{
  display:inline-block; margin-bottom:12px;
  font-family:var(--k-font-head); font-size:11px; font-weight:800;
  letter-spacing:.12em; text-transform:uppercase;
  padding:7px 14px; border-radius:100px;
  color:#0E6B3C; background:rgba(47,217,124,.22);
}
.fbg-cob-inline .fbg-cob__badge--alt{ color:#11607C; background:rgba(36,182,230,.22); }
.fbg-cob-inline .fbg-cob__card h3{ font-size:clamp(22px,4vw,28px); margin-bottom:10px; }
.fbg-cob-inline .fbg-cob__card h3 b{ color:var(--k-purple); }
.fbg-cob-inline .fbg-cob__card > p{ font-size:16px; color:var(--k-soft); }
.fbg-cob-inline .fbg-cob__list{ display:flex; flex-direction:column; gap:10px; margin:18px 0 22px; }
.fbg-cob-inline .fbg-cob__list li{
  position:relative; padding-left:28px; font-size:15.5px; font-weight:600; color:var(--k-dark);
}
.fbg-cob-inline .fbg-cob__list li::before{
  content:""; position:absolute; left:0; top:4px;
  width:18px; height:18px; border-radius:50%;
  background:rgba(36,182,230,.16);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324B6E6' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:11px; background-repeat:no-repeat; background-position:center;
}
.fbg-cob-inline .fbg-cob__cta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:58px;
  font-size:16.5px; font-weight:700; line-height:1;
  color:#fff !important; background:var(--k-grad); border-radius:100px;
  box-shadow:0 14px 32px -12px rgba(213,57,149,.6);
  transition:transform .18s ease, filter .18s ease;
}
.fbg-cob-inline .fbg-cob__cta:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.fbg-cob-inline .fbg-cob__cta svg{ width:21px; height:21px; flex:0 0 auto; }
.fbg-cob-inline .fbg-cob__small{
  margin-top:14px; font-size:13px; line-height:1.5; color:var(--k-soft); text-align:center;
}

@media (max-width:560px){
  .fbg-cob-inline .fbg-cob__row{ flex-direction:column; }
  .fbg-cob-inline .fbg-cob__input{ flex:1 1 auto; text-align:center; }
  .fbg-cob-inline .fbg-cob__go{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
  .fbg-cob-inline *{ transition:none !important; animation:none !important; }
}