
/* ============================================================
   V9 · Secciones nuevas
   ============================================================ */

/* ---- Prueba real / testimonios ---- */
.v9-prueba{background:var(--papel)}
.v9-testis{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.v9-testis{grid-template-columns:repeat(3,1fr)}}
.v9-testi{border:1.5px dashed var(--filo);border-radius:14px;padding:26px 20px;background:#fff;text-align:left}
.v9-testi.vacio{position:relative;overflow:hidden}
.v9-testi.vacio::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(14,156,106,.035) 0 10px,transparent 10px 20px)}
.v9-slot{display:inline-block;font:600 .7rem 'Poppins',sans-serif;text-transform:uppercase;
  letter-spacing:.14em;color:var(--destello);margin-bottom:12px}
.v9-testi p{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.15rem;color:var(--obsidiana);margin-bottom:6px}
.v9-testi small{color:var(--ceniza);font-size:.86rem;line-height:1.5;display:block}
.v9-caso{margin-top:34px;border:1px solid var(--filo);border-radius:16px;padding:28px 22px;background:#fff}
.v9-caso-cab{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.v9-caso-cab .antetitulo{margin-bottom:0}
.v9-pendiente{font:600 .72rem 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ceniza);background:var(--papel);border:1px solid var(--filo);border-radius:999px;padding:6px 12px}
.v9-caso h3{font-size:1.35rem;margin:14px 0 22px}
.v9-caso-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:760px){.v9-caso-grid{grid-template-columns:repeat(3,1fr);gap:28px}}
.v9-caso-grid>div{border-top:2px solid var(--destello);padding-top:14px}
.v9-caso-grid span{display:block;font:700 1.6rem 'Poppins',sans-serif;color:var(--filo);line-height:1;margin-bottom:8px}
.v9-caso-grid b{display:block;font-family:'Poppins',sans-serif;font-size:1rem;margin-bottom:6px}
.v9-caso-grid p{color:var(--ceniza);font-size:.94rem;line-height:1.55}

/* ---- Comparación honesta ---- */
.v9-tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter) 6px}
@media(min-width:820px){
  .v9-tabla-scroll{
    margin:0;padding:0;overflow-y:hidden;
    border:1px solid var(--filo);border-radius:18px;background:var(--blanco);
    box-shadow:0 1px 2px rgba(20,24,26,.04),0 20px 44px -28px rgba(20,24,26,.22);
  }
}
.v9-tabla{border-collapse:collapse;width:100%;min-width:760px;font-size:.9rem;text-align:left}
.v9-tabla th,.v9-tabla td{padding:15px 14px;border-bottom:1px solid var(--filo);vertical-align:top}
.v9-tabla thead th{font:600 .78rem 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ceniza);border-bottom:2px solid var(--filo);white-space:nowrap;position:sticky;top:0;background:var(--blanco);z-index:2}
.v9-tabla tbody th{font-family:'Poppins',sans-serif;font-weight:600;font-size:.92rem;color:var(--obsidiana);width:24%;min-width:180px}
.v9-tabla td{color:var(--ceniza);line-height:1.4}
.v9-tabla i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;
  font-style:normal;font-size:12px;font-weight:700;margin-right:9px;vertical-align:-4px}
.v9-tabla i.si{background:var(--destello);color:#fff}
.v9-tabla i.no{background:var(--ceniza);color:#fff}
.v9-tabla i.parcial{background:var(--obsidiana);color:#fff;padding-top:3px}
.v9-tabla th.propio,.v9-tabla td.propio{background:rgba(14,156,106,.055)}
.v9-tabla thead th.propio{color:#fff;background:var(--obsidiana);
  border-bottom:2px solid var(--destello);padding-top:34px}
.v9-tabla thead th.propio::before{content:"Tu opción";position:absolute;top:9px;left:50%;
  transform:translateX(-50%);background:var(--destello);color:#fff;font:700 .62rem 'Poppins',sans-serif;
  text-transform:uppercase;letter-spacing:.09em;padding:4px 11px;border-radius:999px;white-space:nowrap}
.v9-tabla td.propio{color:var(--obsidiana);border-left:1px solid rgba(14,156,106,.22);
  border-right:1px solid rgba(14,156,106,.22)}
.v9-tabla td.propio b{display:block;font-family:'Poppins',sans-serif;font-size:1rem}
.v9-tabla td.propio small{display:block;color:var(--ceniza);font-size:.8rem;margin-top:4px}
.v9-tabla tbody tr:hover td{background:rgba(20,24,26,.018)}
.v9-tabla tbody tr:hover td.propio{background:rgba(14,156,106,.095)}
.v9-tabla tbody tr:last-child th,.v9-tabla tbody tr:last-child td{border-bottom:0}
.v9-tabla tbody tr:last-child td.propio{border-bottom:1px solid rgba(14,156,106,.22)}
.v9-nota{margin-top:20px;color:var(--ceniza);font-size:.94rem;max-width:60ch;
  border-left:3px solid var(--destello);padding-left:15px}

/* ---- Cotizador ---- */
.v9-cotiza{background:var(--papel)}
.v9-cotiza-grid{display:grid;gap:26px;grid-template-columns:1fr;align-items:start}
@media(min-width:940px){.v9-cotiza-grid{grid-template-columns:1.35fr .95fr;gap:38px}}
.v9-cotiza-opciones{display:grid;gap:10px}
.v9-op{display:grid;grid-template-columns:22px 1fr auto;gap:13px;align-items:start;
  background:#fff;border:1px solid var(--filo);border-radius:12px;padding:15px 16px;cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.v9-op:hover{border-color:#C9D3CD}
.v9-op:has(input:checked){border-color:var(--destello);box-shadow:0 0 0 2px rgba(14,156,106,.1)}
.v9-op input{width:20px;height:20px;margin-top:2px;accent-color:var(--destello);flex:none}
.v9-op b{display:block;font-family:'Poppins',sans-serif;font-size:.97rem;line-height:1.3}
.v9-op small{display:block;color:var(--ceniza);font-size:.85rem;margin-top:5px;line-height:1.45}
.v9-precio-op{font:600 .92rem 'Poppins',sans-serif;font-style:normal;color:var(--obsidiana);white-space:nowrap}
.v9-precio-op.aparte{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ceniza)}
.v9-cotiza-sticky{background:var(--obsidiana);color:#fff;border-radius:16px;padding:26px 22px}
@media(min-width:940px){.v9-cotiza-sticky{position:sticky;top:110px}}
.v9-cotiza-kicker{display:block;font:600 .72rem 'Poppins',sans-serif;text-transform:uppercase;
  letter-spacing:.14em;color:var(--destello);margin-bottom:14px}
.v9-cotiza-monto b{display:block;font:700 2.5rem 'Poppins',sans-serif;letter-spacing:-.04em;line-height:1}
.v9-cotiza-monto small{display:block;color:rgba(255,255,255,.6);font-size:.86rem;margin-top:6px}
.v9-cotiza-lista{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:9px}
.v9-cotiza-lista li{font-size:.88rem;color:rgba(255,255,255,.82);display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;line-height:1.45}
.v9-cotiza-lista li::before{content:"✓";color:var(--destello);font-size:.8rem;line-height:1.6}
.v9-cotiza-lista li.aparte::before{content:"+";color:rgba(255,255,255,.45)}
.v9-cotiza-nota{margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.58);line-height:1.5;
  border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.v9-cotiza-sticky .btn{width:100%;margin-top:18px;justify-content:center;text-align:center}
.v9-cotiza-copiar{width:100%;margin-top:9px;background:transparent;border:0;color:rgba(255,255,255,.62);
  font-family:inherit;font-size:.86rem;padding:10px;cursor:pointer;border-radius:7px}
.v9-cotiza-copiar:hover{color:#fff;background:rgba(255,255,255,.07)}

/* ---- Foto propia en las demos ---- */
.v9-foto-campo{margin-top:14px}
.v9-foto-fila{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.v9-foto-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.v9-foto-btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  background:#fff;border:1.5px dashed var(--filo);border-radius:9px;padding:12px 16px;
  font:600 .9rem 'Poppins',sans-serif;color:var(--obsidiana);transition:border-color .18s ease}
.v9-foto-btn::before{content:"＋";color:var(--destello);font-size:1.05rem;line-height:1}
.v9-foto-btn:hover{border-color:var(--destello)}
.v9-foto-input:focus-visible + .v9-foto-btn{outline:3px solid var(--destello);outline-offset:2px}
.v9-foto-quitar{background:transparent;border:0;color:var(--ceniza);font-family:inherit;
  font-size:.86rem;text-decoration:underline;cursor:pointer;padding:8px}
body.v9-con-foto .v9-foto-btn{border-style:solid;border-color:var(--destello);color:var(--destello)}
body.v9-con-foto .v9-foto-btn::before{content:"✓"}

/* ---- Formulario ---- */
.v9-form{margin:34px 0 30px;max-width:640px;text-align:left}
.v9-form-intro{color:rgba(255,255,255,.66);font-size:.95rem;margin-bottom:18px}
.v9-form-fila{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.v9-form-fila{grid-template-columns:1fr 1fr;gap:16px}}
.v9-form .campo{margin-bottom:14px}
.v9-form label{display:block;font:600 .85rem 'Poppins',sans-serif;color:rgba(255,255,255,.8);margin-bottom:7px}
.v9-form input[type=text],.v9-form textarea{width:100%;border:0;border-radius:8px;padding:13px 14px;
  font-family:inherit;font-size:.98rem;background:rgba(255,255,255,.07);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);resize:vertical}
.v9-form input::placeholder,.v9-form textarea::placeholder{color:rgba(255,255,255,.34)}
.v9-form input:focus,.v9-form textarea:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--destello)}
.v9-check label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-family:inherit;
  font-size:.9rem;color:rgba(255,255,255,.7);cursor:pointer;line-height:1.5}
.v9-check input{width:19px;height:19px;accent-color:var(--destello);margin-top:1px;flex:none}
.v9-check a{color:var(--destello)}
.v9-trampa{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.v9-form-estado{margin-top:14px;font-size:.92rem;color:rgba(255,255,255,.72);min-height:1.2em}
.v9-form-estado.ok{color:#7BE0BC}
.v9-form-estado.mal{color:#F0A58E}

/* ---- Pie ---- */
.v9-pie-legal a{color:inherit}
.v9-pie-legal{opacity:.72}

/* ---- Contador de lugares ---- */
.v9-lugares{display:inline-flex;align-items:center;gap:8px}
.v9-lugares i{display:inline-flex;gap:4px}
.v9-lugares i b{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);display:block}
.v9-lugares i b.libre{background:#fff}

