/* Fichas de los indicadores (Advanced Delta Profile y Rolling Delta): los estilos de la web de venta
   («Indicador para la venta - Perfil delta\venta\web\estilo.css»), solo dentro de .ficha para no tocar el resto. */
.ficha .kicker{color:var(--azulado);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin:0 0 12px}
.ficha .kicker-claro{color:var(--marino-2)}
.ficha .hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;margin:0 0 18px;font-weight:700}
.ficha .hero-in{grid-template-columns:1fr 1.15fr}
.ficha .entrada{font-size:21px;margin:0 0 10px;font-weight:600}
.ficha .sub{color:var(--claro);font-size:17px;margin:0 0 28px;max-width:34em}
.ficha .hero-img img{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45);display:block}
.ficha .hero-img figcaption{margin-top:10px;font-size:13px}
.ficha .oro{color:var(--oro)}
.ficha .oscuro .pend{background:rgba(240,180,41,.14);color:#f6d58a;border-color:rgba(240,180,41,.6)}

.ficha .pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:paso;list-style:none;padding:0;margin:0}
.ficha .pasos li{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:24px;counter-increment:paso}
.ficha .pasos li::before{content:counter(paso);display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;
  border-radius:50%;background:var(--marino);color:#fff;font-weight:700;margin-bottom:12px}
.ficha .pasos h3{margin:0 0 6px;font-size:18px;color:var(--marino)}
.ficha .pasos p{margin:0;color:var(--suave)}
.ficha .tecla{display:inline-block;border:1px solid #b7c0c9;border-bottom-width:3px;border-radius:5px;padding:0 6px;font-size:.85em;
  font-weight:600;background:#fff;line-height:1.5;white-space:nowrap;color:var(--tinta)}

.ficha h3.casos-titulo{color:var(--marino);font-size:22px;margin:48px 0 6px}
.ficha .casos-lead{color:var(--suave);margin:0 0 20px}
.ficha .dos-casos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ficha .caso{background:var(--caja);border:1px solid var(--linea);border-radius:14px;padding:24px}
.ficha .caso h4{margin:0 0 8px;font-size:18px;color:var(--marino)}
.ficha .caso p{margin:0;color:var(--suave)}
.ficha .caso .gana{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--verde);margin:0 0 6px}

.ficha .rejilla{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ficha .ventaja{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:18px 20px}
.ficha .ventaja strong{display:block;color:var(--marino);margin-bottom:4px}
.ficha .ventaja span{color:var(--suave);font-size:15px}

.ficha .pruebas{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ficha .prueba{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:24px}
.ficha .prueba .cuando{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tenue);font-weight:600;margin:0 0 14px}
.ficha .cifras{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0 0 14px}
.ficha .cifra span{display:block;font-size:13px;color:var(--suave)}
.ficha .cifra b{font-size:28px;color:var(--marino);font-variant-numeric:tabular-nums;font-weight:700}
.ficha .cifra.nuestra b{color:var(--verde)}
.ficha .prueba p{margin:0;color:var(--suave);font-size:15px}
.ficha .nota{border:none;background:none;padding:0;border-radius:0;color:var(--suave);font-size:15px;margin:20px 0 0}

.ficha .dos{gap:40px;align-items:start}
.ficha .lista{padding-left:20px;margin:0}
.ficha .lista li{margin:0 0 10px}
.ficha .lista b{color:var(--marino)}
.ficha figure{margin:0}
.ficha .img-redonda{width:100%;height:auto;border-radius:12px;display:block}
.ficha .pie-fig{font-size:13px;color:var(--tenue);margin-top:8px}
.ficha .aviso{border-left:4px solid var(--oro);background:#fffbea;padding:12px 16px;border-radius:8px;margin-top:20px}
.ficha h3.sub3{color:var(--marino);font-size:20px;margin:0 0 12px}

.ficha .precio{background:var(--marino);color:#fff;border-radius:16px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ficha .precio h3{margin:0 0 6px;font-size:22px}
.ficha .precio .cantidad{font-size:34px;font-weight:700;margin:6px 0 4px}
.ficha .precio .pago{font-size:16px;font-weight:600;color:var(--claro);margin-left:6px}
.ficha .lanzamiento{margin:0 0 6px;color:var(--claro)}
.ficha .lanzamiento b{color:var(--oro)}
.ficha .metodos{margin:12px 0 0;font-size:14px;color:var(--claro)}
.ficha .comparativa{margin:10px 0 0;font-size:15px;color:var(--claro);border-top:1px solid var(--borde-osc);padding-top:10px}
.ficha .comparativa b{color:#fff}
.ficha .precio ul{padding-left:20px;margin:14px 0 22px;color:var(--claro)}
.ficha .precio ul li{margin:0 0 6px}
.ficha .como{counter-reset:c;list-style:none;padding:0;margin:0}
.ficha .como li{counter-increment:c;display:grid;grid-template-columns:36px 1fr;gap:12px;margin:0 0 16px;color:var(--claro)}
.ficha .como li::before{content:counter(c);width:28px;height:28px;border-radius:50%;background:var(--oro);color:#14161a;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center}
.ficha .como b{color:#fff}
.ficha .ecosistema{margin:22px 0 0;font-size:15px;color:var(--claro)}
.ficha .precio h3.como-titulo{margin:26px 0 12px}
.ficha button.boton{font:inherit;font-weight:600;cursor:pointer;background:transparent}
.ficha .boton.secundario{color:var(--marino);border-color:var(--linea);background:#fff}

.ficha details{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:16px 20px;margin:0 0 12px}
.ficha summary{cursor:pointer;font-weight:600;color:var(--marino)}
.ficha details p{margin:10px 0 0;color:var(--suave)}

/* Ventana de compra: pide el email de la cuenta de NinjaTrader */
.ficha dialog.compra{border:none;border-radius:16px;padding:0;max-width:480px;width:calc(100% - 32px);color:var(--tinta);
  box-shadow:0 24px 70px rgba(0,0,0,.35)}
.ficha dialog.compra::backdrop{background:rgba(11,26,46,.6)}
.ficha dialog.compra form{padding:28px}
.ficha dialog.compra h3{margin:0 0 8px;color:var(--marino);font-size:21px}
.ficha dialog.compra p{color:var(--suave);margin:0 0 14px}
.ficha dialog.compra label{display:block;font-weight:600;color:var(--marino);margin:0 0 6px}
.ficha dialog.compra input{width:100%;font:inherit;padding:10px 12px;border:1px solid #b7c0c9;border-radius:10px;margin:0 0 14px}
.ficha dialog.compra input:focus{outline:2px solid var(--azulado);outline-offset:1px}
.ficha dialog.compra .compra-aviso{background:var(--pend-fondo);border:1px dashed var(--pend-borde);color:var(--pend-tinta);
  border-radius:8px;padding:8px 12px;font-weight:600}
.ficha dialog.compra .compra-nota{font-size:14px;margin:14px 0 0}

/* El paso al otro indicador, al final de cada ficha */
.ficha .siguiente{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--caja);
  border:1px solid var(--linea);border-radius:14px;padding:22px 24px}
.ficha .siguiente p{margin:0;color:var(--suave)}
.ficha .siguiente b{color:var(--marino)}

@media (max-width:900px){.ficha .hero-in{grid-template-columns:1fr}}
@media (max-width:860px){.ficha .dos,.ficha .precio{grid-template-columns:1fr}}
@media (max-width:800px){.ficha .pasos,.ficha .pruebas,.ficha .dos-casos{grid-template-columns:1fr}}
@media (max-width:600px){.ficha .precio{padding:24px}.ficha .cifra b{font-size:24px}}

/* MomentVM Wingman, el copiador de operaciones (6-nov): el subtítulo del H1, las fases y el pie de la imagen */
.wingman .hero h1 .h1-sub{display:block;font-size:.46em;line-height:1.3;color:var(--oro);font-weight:600;letter-spacing:0;margin-top:12px}
.wingman .hero-img figcaption{color:var(--azulado)}
.wingman .fases{list-style:none;padding:0;margin:0 0 8px;max-width:820px}
.wingman .fases li{position:relative;padding:0 0 18px 34px;color:var(--suave)}
.wingman .fases li::before{content:"";position:absolute;left:5px;top:7px;width:13px;height:13px;border-radius:50%;background:#c9d1d9}
.wingman .fases li::after{content:"";position:absolute;left:11px;top:24px;bottom:2px;width:2px;background:var(--linea)}
.wingman .fases li:last-child::after{display:none}
.wingman .fases li.hecho::before{background:var(--verde)}
.wingman .fases li.en-marcha::before{background:var(--oro)}
.wingman .fases b{color:var(--marino)}
.wingman .aviso{max-width:820px}
/* Ventana de compra (6-nov): país, forma de pago, casillas y el paso 2 con el pedido (PayPal, Bizum o transferencia) */
.ficha dialog.compra{max-width:560px;max-height:calc(100vh - 32px);overflow:auto}
.ficha dialog.compra select{width:100%;font:inherit;padding:10px 12px;border:1px solid #b7c0c9;border-radius:10px;margin:0 0 14px;background:#fff;color:var(--tinta)}
.ficha dialog.compra fieldset.compra-metodos{border:1px solid var(--linea);border-radius:12px;padding:10px 14px 4px;margin:0 0 14px}
.ficha dialog.compra fieldset.compra-metodos legend{font-weight:600;color:var(--marino);padding:0 6px}
.ficha dialog.compra fieldset.compra-metodos label{display:flex;align-items:center;gap:8px;font-weight:600;margin:0 0 8px;cursor:pointer}
.ficha dialog.compra fieldset.compra-metodos label span{font-weight:400;color:var(--suave);font-size:14px}
.ficha dialog.compra input[type=radio],.ficha dialog.compra input[type=checkbox]{width:auto;margin:0;accent-color:var(--marino);flex:none}
.ficha dialog.compra label.compra-casilla{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--tinta);font-size:14px;margin:0 0 12px;cursor:pointer}
.ficha dialog.compra label.compra-casilla input{margin-top:4px}
.ficha dialog.compra .compra-paso2{padding:28px}
.ficha dialog.compra .compra-paso2 h3{margin:0 0 12px}
.ficha dialog.compra .compra-resumen{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 18px;font-size:15px;background:var(--caja);border:1px solid var(--linea);border-radius:12px;padding:12px 16px}
.ficha dialog.compra .compra-resumen dt{color:var(--suave)}
.ficha dialog.compra .compra-resumen dd{margin:0;color:var(--tinta);font-weight:600;word-break:break-word}
.ficha dialog.compra .compra-bloque{border-top:1px solid var(--linea);padding:14px 0 4px}
.ficha dialog.compra .compra-bloque h4{margin:0 0 6px;color:var(--marino);font-size:17px}
.ficha dialog.compra .compra-bloque .botones{margin:0 0 10px}
.ficha dialog.compra .compra-dato{color:var(--tinta);font-size:16px}
.ficha dialog.compra .compra-texto{white-space:pre-wrap;word-break:break-word;font-size:12.5px;background:var(--caja);border:1px solid var(--linea);border-radius:8px;padding:10px 12px;margin:0 0 10px;max-height:150px;overflow:auto;color:var(--suave)}
.ficha dialog.compra .compra-estado{font-weight:600;color:var(--verde);margin:0 0 8px}
.ficha dialog.compra .compra-estado:empty{display:none}
.ficha button.boton.principal{background:var(--oro);border-color:var(--oro);color:#14161a}
@media (max-width:480px){.ficha dialog.compra form,.ficha dialog.compra .compra-paso2{padding:20px}.ficha dialog.compra .compra-resumen{grid-template-columns:1fr;gap:0}.ficha dialog.compra .compra-resumen dt{font-size:13px;margin-top:6px}.ficha dialog.compra .compra-resumen dt:first-child{margin-top:0}}