/* ============ VERIFICAR (Fase 4) — hoja aparte, no toca Fases 1-3 ============ */
.verify-top{display:grid;grid-template-columns:1fr;gap:16px;padding-top:6px}
.vcol-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.vcol-side{display:flex;flex-direction:column;gap:16px}

/* search card */
.searchcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1fr;gap:20px}
.searchcard>div{min-width:0}
.searchcard .intro h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}
.searchcard .intro p{color:var(--sub);font-size:14px;margin:8px 0 0;max-width:34ch}
.vtabs{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:14px;width:fit-content;max-width:100%;overflow-x:auto}
.vtab{white-space:nowrap;font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:9px;border:none;background:transparent;color:var(--sub);cursor:pointer}
.vtab.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(11,35,69,.1)}
.vinrow{display:flex;flex-wrap:wrap;gap:12px}
.vinbox{flex:1;min-width:240px;position:relative;display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:0 14px;height:52px}
.vinbox svg.k{width:18px;height:18px;color:var(--sub);flex:none;margin-right:10px}
.vinbox input{border:none;outline:none;background:transparent;font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--ink);flex:1;min-width:0;text-transform:uppercase}
.vinbox .valid{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;white-space:nowrap;margin-left:8px}
.vinbox .valid.ok{color:var(--green)}
.vinbox .valid.bad{color:#DC2626}
.vinbox .valid svg{width:14px;height:14px}
.vinbox.err{border-color:#F0C6C6}
.searchcard .idbtn{padding:14px 22px}
.priv{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sub);font-weight:500}
.priv svg{width:15px;height:15px;color:var(--green)}

/* identity + level card */
.idlevel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr;gap:24px;padding:24px}
.idcard{display:flex;gap:18px;min-width:0}
.idcard .ph{width:180px;height:120px;border-radius:12px;overflow:hidden;flex:none;background:#e9edf2}
.idcard .ph img{width:100%;height:100%;object-fit:cover}
.idcard .vin-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;text-align:center;color:var(--sub)}
.idcard .vin-photo-placeholder svg{width:30px;height:30px;color:var(--green)}
.idcard .vin-photo-placeholder span{font-size:11px;font-weight:800;color:var(--navy)}
.idcard .vin-photo-placeholder small{font-size:9px}
.idcard .info{min-width:0}
.idcard .info h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.idmeta{display:flex;flex-wrap:wrap;gap:14px;color:var(--sub);font-size:13px;font-weight:600}
.idmeta span{display:inline-flex;align-items:center;gap:5px}
.idmeta svg{width:14px;height:14px;color:#9aa6b5}
.vinline{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;font-weight:700;margin-top:12px;display:inline-flex;align-items:center;gap:8px}
.vinline .cp{cursor:pointer;color:var(--sub);border:0;background:none;padding:2px;vertical-align:middle}
.vinline .cp svg{width:15px;height:15px}
.idbadge{display:flex;align-items:flex-start;gap:10px;margin-top:14px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:11px;padding:11px 13px}
.idbadge svg{width:20px;height:20px;color:var(--green);flex:none;margin-top:1px}
.idbadge b{font-size:13.5px;font-weight:800;display:block;color:var(--green)}
.idbadge span{font-size:12px;color:#42536b}

.levelbox .lvhead{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;margin-bottom:14px}
.levelbox .lvhead svg{width:15px;height:15px;color:var(--sub)}
.levelwrap{display:flex;gap:18px;align-items:center}
.gauge{position:relative;width:104px;height:104px;flex:none}
.gauge svg{transform:rotate(-90deg)}
.gauge .gt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.gauge .gt b{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.02em}
.gauge .gt span{font-size:10.5px;color:var(--sub);font-weight:700}
.vchk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.vchk li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}
.vchk .m{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center}
.vchk .m.on{background:var(--green);color:#fff}
.vchk .m.on svg{width:11px;height:11px}
.vchk .m.off{border:1.6px solid #D5DAE3}
.vchk li.off{color:var(--sub);font-weight:500}
.lvnote{font-size:12.5px;color:var(--sub);margin-top:14px;line-height:1.5}
.lvnote a{color:var(--navy);font-weight:700;display:inline-block;margin-top:4px}

/* tech data */
.techrow{display:grid;grid-template-columns:1fr;gap:16px}
.techcard,.infocard{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}
.techcard .th{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.techcard .th h3{font-size:16px;font-weight:800;margin:0}
.techcard .th .src{font-family:var(--font);font-size:11px;font-weight:700;color:var(--sub);background:var(--bg);border:1px solid var(--line);padding:3px 9px;border-radius:7px}
.techgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 14px}
.tfield{display:flex;gap:10px;align-items:flex-start;min-width:0}
.tfield svg{width:19px;height:19px;color:var(--navy);flex:none;margin-top:1px;opacity:.8}
.tfield small{display:block;font-size:11.5px;color:var(--sub);font-weight:600}
.tfield b{font-size:13.5px;font-weight:700;word-break:break-word}
.tfield b.na{color:#9aa6b5;font-weight:600}
.technote{display:flex;gap:8px;align-items:flex-start;margin-top:16px;background:var(--bg);border-radius:10px;padding:11px 12px;font-size:12px;color:var(--sub);line-height:1.5}
.technote svg{width:15px;height:15px;flex:none;margin-top:1px}

.infocard h3{font-size:15px;font-weight:800;margin:0 0 14px}
.infolist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.infolist li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;font-weight:600}
.infolist li svg{width:17px;height:17px;flex:none;margin-top:1px}
.infolist li.ok svg{color:var(--green)}
.infolist li.warn svg{color:var(--amber)}
.infolist li.warn{color:#6a6250}
.infolist li span{font-size:11.5px;color:var(--sub);font-weight:500;display:block}
.infocard .foot{margin-top:16px;background:#EEF3FB;border:1px solid #D8E4F3;border-radius:10px;padding:12px 13px;font-size:12.5px;color:#46586f;line-height:1.5}
.infocard .foot a{color:var(--navy);font-weight:700;display:inline-block;margin-top:4px}

/* right rail */
.provcard{background:linear-gradient(180deg,#F0F8F3,#fff);border-color:var(--green-line)}
.provcard h3{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.2}
.provcard p{color:#46586f;font-size:13px;margin:10px 0 14px;line-height:1.5}
.notcard .nothead{font-size:15px;font-weight:800;margin:0 0 14px}
.notlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.notlist li{display:flex;gap:10px;align-items:center;font-size:13.5px;font-weight:600;color:#7a4a4a}
.notlist li svg{width:18px;height:18px;color:#DC2626;flex:none}

/* legal note */
.legal-note{background:#FBF5E9;border:1px solid #EAD9B5;border-radius:var(--r);padding:15px 18px;margin:6px 0 40px;font-size:12.5px;color:#6a5a38;line-height:1.55;display:flex;gap:9px}
.legal-note b{color:#5a4a28}
.legal-note svg{width:17px;height:17px;color:#B5761E;flex:none;margin-top:1px}

/* estados no-found */
.vstate{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:34px 24px;text-align:center}
.vstate .ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}
.vstate.warn .ico{background:#FBF1E1;color:var(--amber)}
.vstate.info .ico{background:var(--bg);color:var(--sub)}
.vstate .ico svg{width:26px;height:26px}
.vstate h3{font-size:18px;font-weight:800;margin:0 0 6px}
.vstate p{color:var(--sub);font-size:14px;max-width:44ch;margin:0 auto;line-height:1.5}

@media(min-width:900px){
  .verify-top{grid-template-columns:1fr 320px;align-items:start}
  .vcol-side{position:sticky;top:82px}
  .idlevel{grid-template-columns:1.2fr 1fr}
  .searchcard{grid-template-columns:.9fr 1.3fr;align-items:start}
  .techrow{grid-template-columns:1.5fr 1fr}
  .techgrid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:639px){
  .vinline{display:flex;max-width:100%;font-size:12px;gap:5px;flex-wrap:wrap;word-break:break-all}
}

/* Identificación técnica (separada del nivel de verificación) */
.idtech{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.idtech .idt-h{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}
.idtech span:not(.idt-h){display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--green)}
.idtech span svg{width:13px;height:13px}

/* ═══════════ HERO, ESCALERA DE NIVELES Y CIERRE ═══════════
   Prefijo vf- propio: el CSS del sitio ya usa .hero, .ph y .card. */
.vf-hero{ position:relative; overflow:hidden; border-radius:20px; background:#05080F; margin:20px 0 0; }
.vf-hero-img{ position:absolute; inset:0; background:url(assets/verificar/hero-verificar.jpg?v=3) center right/cover no-repeat; }
.vf-hero-veil{ position:absolute; inset:0;
  background:linear-gradient(97deg,#05080F 0%,rgba(5,8,15,.96) 32%,rgba(6,11,20,.72) 52%,rgba(6,11,20,.20) 76%,transparent 100%); }
.vf-hero-in{ position:relative; padding:44px 46px 46px; max-width:600px; }
.vf-crumb{ font-size:11.5px; color:#8595AC; margin-bottom:14px; }
.vf-crumb a{ color:#8595AC; text-decoration:none; } .vf-crumb b{ color:var(--af-yellow); font-weight:700; }
.vf-hero h1{ font-size:clamp(28px,3.8vw,42px); line-height:1.08; letter-spacing:-.03em; color:#fff; margin:0; font-weight:800; }
.vf-hero h1 em{ font-style:normal; color:var(--af-yellow); }
.vf-hero p{ color:#B4C1D4; font-size:14.5px; line-height:1.6; margin:14px 0 0; max-width:46ch; }
.vf-trust{ display:flex; align-items:flex-start; gap:9px; line-height:1.5; margin-top:20px; font-size:12.5px; color:#9FB0C6; }
.vf-trust svg{ width:15px; height:15px; margin-top:2px; fill:none; stroke:#3FBF7F; stroke-width:1.9; }
.vf-trust b{ color:#3FBF7F; font-weight:700; }

/* escalera de los 5 niveles — siempre visible, explica el producto */
.vf-ladder{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px 26px; margin:18px 0 0; }
.vf-ladder-h{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.vf-ladder-h h2{ font-size:19px; margin:0; letter-spacing:-.015em; }
.vf-ladder-h span{ font-size:12.5px; color:var(--muted); }
.vf-steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; position:relative; }
.vf-step{ position:relative; padding-right:12px; }
.vf-step::after{ content:""; position:absolute; top:22px; right:-6px; width:12px; border-top:2px dashed #DCE2EA; }
.vf-step:last-child::after{ display:none; }
.vf-step .ic{ width:44px; height:44px; border-radius:13px; background:#F2F5F8; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; margin-bottom:11px; }
.vf-step .ic svg{ width:21px; height:21px; fill:none; stroke:#5A6B84; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.vf-step:first-child .ic{ background:#FFF7E0; border-color:var(--af-yellow); }
.vf-step:first-child .ic svg{ stroke:#B8860B; }
.vf-step h3{ font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--navy); margin:0 0 5px; }
.vf-step p{ font-size:12px; line-height:1.45; color:var(--muted); margin:0 0 10px; }
.vf-step .tag{ display:inline-block; font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  background:#EEF2F6; color:#66748C; padding:4px 9px; border-radius:6px; }

/* franja de cierre */
.vf-close{ position:relative; overflow:hidden; border-radius:20px; margin:22px 0 0; padding:34px 40px;
  background:#0A1830; display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.vf-close::after{ content:""; position:absolute; right:-60px; bottom:-90px; width:300px; height:300px; border-radius:50%;
  background:radial-gradient(circle,rgba(30,58,110,.55),transparent 70%); }
.vf-close>*{ position:relative; }
.vf-close-txt{ flex:1.4; min-width:290px; }
.vf-close h2{ color:#fff; font-size:27px; font-weight:800; margin:0 0 8px; letter-spacing:-.025em; }
.vf-close-txt>p{ color:#AEC0D8; font-size:15px; line-height:1.6; margin:0 0 18px; max-width:56ch; }
.vf-close-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; }
.vf-close-list div{ display:flex; gap:11px; align-items:flex-start; font-size:14px; line-height:1.45; color:#CBD8E9; }
.vf-close-list svg{ width:19px; height:19px; flex:none; margin-top:1px; fill:none; stroke:var(--af-yellow); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.vf-price{ flex:1; min-width:280px; max-width:360px; background:#0A1830; border:1.5px solid var(--af-yellow);
  border-radius:16px; padding:22px 24px; }
.vf-price .lbl{ font-size:14.5px; font-weight:700; color:#fff; }
.vf-price .amt{ font-size:46px; font-weight:800; color:#fff; letter-spacing:-.045em; line-height:1; margin:8px 0 14px; }
.vf-price .amt small{ font-size:14px; font-weight:600; color:#AEC0D8; letter-spacing:0; }
.vf-price .eta{ font-size:11.5px; color:#9FB0C6; margin:10px 0 16px; }
.vf-price .btn{ width:100%; justify-content:center; }
.vf-price .btn+.btn{ margin-top:9px; }

@media(max-width:900px){
  .vf-steps{ grid-template-columns:1fr 1fr; gap:16px 12px; }
  .vf-step::after{ display:none; }
  .vf-hero-in{ padding:30px 22px 24px; max-width:none; }
  .vf-hero-img{ top:auto; height:190px; background-image:url(assets/verificar/hero-verificar-mov.jpg?v=3); background-position:center; background-size:cover; }
  .vf-hero-veil{ top:auto; height:190px; background:linear-gradient(180deg,#05080F 0%,rgba(5,8,15,.58) 36%,rgba(5,8,15,.15) 100%); }
  .vf-hero{ padding-bottom:190px; }
  .vf-close{ padding:26px 22px; }
  .vf-close-list{ grid-template-columns:1fr; }
}
@media(max-width:560px){ .vf-steps{ grid-template-columns:1fr; } }

/* ═══════════ CALCADO DE LA MAQUETA · buscador en el hero, resultado, 5 pasos y cierre ═══════════ */
.vf-search{ display:flex; align-items:center; gap:10px; background:#fff; border-radius:14px; padding:7px 7px 7px 16px;
  max-width:560px; margin-top:22px; box-shadow:0 14px 34px -16px rgba(0,0,0,.5); }
.vf-search .ci{ width:20px; height:20px; flex:none; color:#66748C; }
.vf-search input{ flex:1; min-width:0; border:0; outline:0; font:600 14px var(--font); color:var(--ink);
  letter-spacing:.04em; background:transparent; }
.vf-search input::placeholder{ color:#9AA6B8; letter-spacing:0; }
.vf-search .valid{ display:none; align-items:center; gap:5px; font-size:11px; font-weight:800; white-space:nowrap; }
.vf-search .valid.ok{ color:#0E9F5A; } .vf-search .valid.bad{ color:#C24040; }
.vf-search .valid svg{ width:13px; height:13px; }
.vf-search.err{ outline:2px solid #E2A6A6; }
.vf-go{ border:0; cursor:pointer; background:var(--af-yellow); color:#161616; font:800 13.5px var(--font);
  padding:13px 22px; border-radius:11px; white-space:nowrap; transition:.15s; }
.vf-go:hover{ filter:brightness(1.05); }
.vf-go:disabled{ opacity:.7; cursor:wait; }

/* resultado: foto · identidad · nivel */
.vf-result{ display:grid; grid-template-columns:290px minmax(0,1fr) minmax(0,1.15fr); gap:26px;
  background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; margin-top:18px; }
.vf-photo{ background:linear-gradient(145deg,#EEF2F4,#DDE5E8); border-radius:12px; min-height:170px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#60717A; text-align:center; padding:14px; }
.vf-photo svg{ width:34px; height:34px; opacity:.55; }
.vf-photo span{ font-size:12.5px; font-weight:800; } .vf-photo small{ font-size:10.5px; color:#8a97a0; }
.vf-idinfo{ min-width:0; }
.vf-badge{ display:inline-flex; align-items:center; gap:7px; background:#E7F6EE; color:#0E7A46;
  font-size:12.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.vf-badge svg{ width:13px; height:13px; }
.vf-idinfo h2{ font-size:28px; letter-spacing:-.02em; margin:12px 0 6px; }
.vf-idinfo .vinline{ font-size:14px; color:var(--muted); display:flex; align-items:center; gap:7px; }
.vf-idinfo .cp{ border:0; background:transparent; cursor:pointer; color:#8a97a8; padding:2px; }
.vf-idinfo .cp svg{ width:14px; height:14px; }
.vf-meta{ display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:16px; font-size:15px; font-weight:600; color:#3A4A5E; }
.vf-meta span{ display:inline-flex; align-items:center; gap:7px; }
.vf-meta svg{ width:17px; height:17px; color:#66748C; }
.vf-meta.sub{ color:#66748C; font-weight:600; margin-top:9px; }
.vf-level{ border-left:1px solid var(--line); padding-left:26px; min-width:0; }
.vf-level .lh{ font-size:16px; font-weight:800; color:var(--navy); margin-bottom:12px; }
.vf-lvflex{ display:flex; gap:20px; align-items:flex-start; }
.vf-lvflex .gauge{ position:relative; flex:none; }
.vf-lvflex .gauge svg{ transform:rotate(-90deg); }
.vf-lvflex .gt{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:800; color:var(--navy); }
.vf-basic{ min-width:0; }
.vf-basic h4{ font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--navy); margin:0 0 6px; }
.vf-basic p{ font-size:14px; line-height:1.5; color:var(--muted); margin:0 0 6px; }
.vf-basic .btn{ margin-top:10px; font-size:14px; padding:13px 20px; }
.vf-basic .q{ display:inline-flex; align-items:center; gap:5px; font-size:13px; color:var(--muted); margin-top:10px; text-decoration:none; }
.vf-basic .q:hover{ color:var(--navy); }

/* tres columnas: tenemos · no tenemos · datos técnicos */
.vf-cols{ display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:18px; margin-top:18px; }
.vf-col{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px; position:relative; overflow:hidden; }
.vf-col h3{ display:flex; align-items:center; gap:10px; font-size:17px; margin:0 0 14px; letter-spacing:-.01em; }
.vf-col h3 svg{ width:17px; height:17px; flex:none; }
.vf-col h3.ok svg{ color:#0E9F5A; } .vf-col h3.bad svg{ color:#C24040; }
.vf-col .chips{ display:flex; flex-wrap:wrap; gap:8px; }
.vf-col .ch{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:700; padding:9px 14px; border-radius:9px; border:1px solid; }
.vf-col .ch svg{ width:14px; height:14px; }
.vf-col .ch.ok{ color:#0E7A46; border-color:#BFE6D0; background:#F4FBF7; }
.vf-col .ch.bad{ color:#B03A3A; border-color:#EFC7C7; background:#FDF6F6; }
.vf-col.tech .rows div{ display:flex; justify-content:space-between; gap:14px; font-size:14.5px; padding:9px 0; border-bottom:1px solid #F0F3F6; }
.vf-col.tech .rows div:last-child{ border-bottom:0; }
.vf-col.tech .rows small{ color:var(--muted); font-weight:600; }
.vf-col.tech .rows b{ color:var(--ink); text-align:right; word-break:break-all; }
.vf-col.tech .wm{ position:absolute; right:-14px; bottom:-14px; width:130px; height:130px; color:#EDF1F5; pointer-events:none; }
.vf-col.tech .src{ position:relative; font-size:12px; color:#9AA6B8; margin-top:10px; line-height:1.5; }

/* los 5 pasos en fila */
.vf-steps5{ display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid var(--line);
  border-radius:16px; padding:22px 24px; margin-top:18px; }
.vf-steps5 .s5{ display:flex; gap:12px; flex:1; min-width:0; }
.vf-steps5 .ic{ width:54px; height:54px; border-radius:50%; flex:none; background:#F2F5F8; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; }
.vf-steps5 .ic svg{ width:25px; height:25px; fill:none; stroke:#5A6B84; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.vf-steps5 .ic.first{ background:var(--navy); border:2px solid var(--af-yellow); }
.vf-steps5 .ic.first svg{ stroke:#fff; }
.vf-steps5 h3{ font-size:13.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); margin:2px 0 3px; }
.vf-steps5 p{ font-size:13px; line-height:1.4; color:var(--muted); margin:0 0 8px; }
.vf-steps5 .chip{ display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  background:#2B3442; color:#fff; padding:4px 10px; border-radius:999px; }
.vf-steps5 .dash{ flex:none; width:26px; margin-top:22px; border-top:2px dashed #D8DEE7; }

/* cierre: escudo + lista + precio */
.vf-shield{ width:96px; height:96px; flex:none; border-radius:50%; background:rgba(255,255,255,.05);
  border:2px solid var(--af-yellow); display:flex; align-items:center; justify-content:center; }
.vf-shield svg{ width:46px; height:46px; fill:none; stroke:#fff; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.vf-close-list svg{ fill:none; stroke:var(--af-yellow); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.vf-price .btn{ display:flex; align-items:center; gap:8px; }
.vf-price .btn.vf-wa{ background:#fff; color:#149447; border:0; margin-top:9px; }
.vf-price .eta{ margin:12px 0 0; text-align:center; }

@media(max-width:1000px){
  .vf-result{ grid-template-columns:1fr; }
  .vf-level{ border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:18px; }
  .vf-cols{ grid-template-columns:1fr; }
  .vf-steps5{ flex-direction:column; gap:16px; }
  .vf-steps5 .dash{ display:none; }
  .vf-search{ flex-wrap:wrap; padding:10px; }
  .vf-search input{ flex:1 1 160px; }
  .vf-go{ flex:1 1 100%; }
  .vf-shield{ display:none; }
}

.vf-photo.has{ padding:0; background:none; overflow:hidden; }
.vf-photo.has img{ width:100%; height:100%; min-height:170px; object-fit:cover; border-radius:12px; display:block; }

/* móvil: el botón de "Verificación profesional" no se sale de la tarjeta */
@media(max-width:560px){
  .vf-lvflex{ flex-wrap:wrap; }
  .vf-basic .btn{ width:100%; justify-content:center; font-size:13px; padding:12px 14px; }
}