/* VERIFICALIA · VERIFICADOR PREMIUM */

.vf-pro{
  position:relative!important;
  margin:18px 0 22px!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(198,255,61,.42)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 85% 28%,rgba(198,255,61,.11),transparent 32%),
    linear-gradient(145deg,#10140d,#080b07 72%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)!important;
}

.vf-pro:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(198,255,61,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,255,61,.07) 1px,transparent 1px);
  background-size:25px 25px;
  mask-image:linear-gradient(90deg,transparent 35%,#000);
}

.vfpro-inner{position:relative;z-index:2}

.vfpro-eye{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:13px;
  color:#bfe95d;
  font:700 .61rem 'IBM Plex Mono',monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.vfpro-dot{
  width:7px;height:7px;border-radius:50%;
  background:#c6ff3d;
  box-shadow:0 0 0 4px rgba(198,255,61,.08),0 0 12px #9fe527;
}

.vfpro-line{
  height:1px;flex:1;
  background:linear-gradient(90deg,rgba(198,255,61,.35),transparent);
}

.vfpro-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 122px;
  gap:15px;
  align-items:center;
}

.vfpro-title{
  margin:0;
  font-family:'Plus Jakarta Sans',Arial,sans-serif;
  font-weight:900;
  line-height:.98;
  letter-spacing:-.045em;
}

.vfpro-title span{display:block}
.vfpro-title .q{font-size:1.55rem;color:#fff}
.vfpro-title .a{font-size:1.42rem;color:#c6ff3d;margin-top:5px}

.vfpro-sub{
  margin-top:10px;
  max-width:450px;
  color:rgba(240,244,236,.65);
  font:500 .80rem/1.43 'Plus Jakarta Sans',Arial,sans-serif;
}

.vfpro-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:12px;
}

.vfpro-pill{
  display:flex;
  align-items:center;
  gap:5px;
  height:29px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(198,255,61,.18);
  background:rgba(12,17,9,.78);
  color:#eef4e7;
  font:700 .60rem 'Plus Jakarta Sans',Arial,sans-serif;
}

.vfpro-pill b{
  color:#c6ff3d;
  font-size:.78rem;
}

.vfpro-shield{
  position:relative;
  width:112px;
  height:125px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.vfpro-shield:before,
.vfpro-shield:after{
  content:"";
  position:absolute;
  border:1px solid rgba(198,255,61,.18);
  border-radius:50%;
}

.vfpro-shield:before{width:108px;height:75px;transform:rotate(-13deg)}
.vfpro-shield:after{width:83px;height:111px;transform:rotate(27deg)}

.vfpro-shield svg{
  position:relative;
  z-index:2;
  width:72px;
  filter:drop-shadow(0 9px 10px #000) drop-shadow(0 0 14px rgba(198,255,61,.25));
}

.vfpro-label{
  position:absolute;
  z-index:3;
  bottom:1px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(198,255,61,.27);
  background:rgba(5,8,4,.9);
  color:#c6ff3d;
  font:700 .42rem 'IBM Plex Mono',monospace;
  letter-spacing:.11em;
}

.vf-pro .verify-form{
  margin:15px 0 0!important;
}

.vf-pro .verify-input-row{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 136px!important;
  gap:7px!important;
}

.vf-pro .verify-prefix-select,
.vf-pro .verify-input-wrap{
  min-height:50px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:10px!important;
  background:rgba(5,8,4,.80)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}

.vf-pro .verify-prefix-select{
  padding:0 7px!important;
  color:#fff!important;
  font:800 .76rem 'Plus Jakarta Sans',Arial,sans-serif!important;
}

.vf-pro .verify-input-wrap{
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
}

.vf-pro .verify-input-pulse{display:none!important}

.vf-pro .verify-input{
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font:650 .82rem 'Plus Jakarta Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}

.vf-pro .verify-input::placeholder{color:rgba(255,255,255,.27)!important}

.vf-pro .verify-input-wrap:focus-within{
  border-color:rgba(198,255,61,.52)!important;
  box-shadow:0 0 0 3px rgba(198,255,61,.06)!important;
}

.vf-pro .verify-btn{
  min-height:50px!important;
  padding:0 13px!important;
  border:1px solid #dcff88!important;
  border-radius:10px!important;
  background:linear-gradient(#d4ff60,#b6ed2b)!important;
  color:#090b08!important;
  font:950 .68rem 'Plus Jakarta Sans',Arial,sans-serif!important;
  letter-spacing:.07em!important;
  box-shadow:0 4px 0 #607f0e,0 8px 18px rgba(0,0,0,.22)!important;
}

.vf-pro .verify-btn svg{width:16px!important;height:16px!important}
.vf-pro .verify-scanline{display:none!important}

.vfpro-foot{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:5px;
  margin-top:10px;
  color:rgba(226,235,221,.39);
  font:500 .55rem 'Plus Jakarta Sans',Arial,sans-serif;
}

@media(max-width:599px){
  .vf-pro{
    padding:14px!important;
    margin:15px 0 19px!important;
    border-radius:15px!important;
  }

  .vfpro-hero{
    grid-template-columns:minmax(0,1fr) 86px;
    gap:8px;
  }

  .vfpro-title .q{font-size:1.20rem}
  .vfpro-title .a{font-size:1.08rem}
  .vfpro-sub{font-size:.68rem;margin-top:7px}

  .vfpro-pills{margin-top:9px;gap:4px}
  .vfpro-pill{height:24px;padding:0 6px;font-size:.52rem}

  .vfpro-shield{width:84px;height:98px}
  .vfpro-shield svg{width:57px}
  .vfpro-shield:before{width:82px;height:56px}
  .vfpro-shield:after{width:62px;height:82px}
  .vfpro-label{font-size:.35rem}

  .vf-pro .verify-input-row{
    grid-template-columns:76px minmax(0,1fr)!important;
  }

  .vf-pro .verify-btn{
    grid-column:1/-1!important;
    min-height:45px!important;
  }

  .vf-pro .verify-prefix-select,
  .vf-pro .verify-input-wrap{
    min-height:46px!important;
  }

  .vfpro-foot{font-size:.49rem;margin-top:8px}
}