/* Versión 2 + marca FÉNIX TRADING AI (09/10, ver el final del archivo). Antes: intermedio entre "va" (vidrio claro) y "va (2)" (verde petróleo, dorado champagne, títulos en mayúsculas).
   Arriba oscuro (inicio, video, indicadores, señales); abajo claro gris verdoso (a medida, cómo funciona, formulario, preguntas).
   Diseño de un solo tema a propósito: cada banda fija sus colores. */
:root {
  color-scheme: dark;
  --petroleo: #0f2a2a; --petroleo2: #16393a; --noche: #0a1617;
  --claro: #edf2f0; --claro2: #f6f8f7;
  --oro: #cbb27a; --oro2: #e6d3a3; --oro-osc: #a68d55;
  --blanco: #f4f7f6; --gris: #a9b8b5; --gris2: #7f908c;
  --tinta: #0f1f1f; --tinta2: #4a5b58; --suave: #7d8c89;
  --sube: #2fbf8a; --baja: #e46464; --mp: #009ee3;
  --vidrio-osc: rgba(255, 255, 255, .06); --borde-osc: rgba(255, 255, 255, .12);
  --vidrio-cla: rgba(255, 255, 255, .62); --borde-cla: rgba(255, 255, 255, .95);
  --sombra-osc: 0 24px 60px rgba(0, 0, 0, .45); --sombra-cla: 0 14px 40px rgba(20, 50, 48, .10);
  --r: 20px;
  --titulo: "Montserrat", "Arial Black", sans-serif;
  --letra: "Poppins", "Segoe UI", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--blanco); font: 300 16px/1.7 var(--letra); overflow-x: hidden;
       background: radial-gradient(90% 60% at 20% 0%, #1d4a48 0%, transparent 60%), linear-gradient(180deg, var(--petroleo) 0%, var(--noche) 100%) fixed;
       background-color: var(--petroleo); }
img, video { max-width: 100%; display: block; }
a { color: var(--oro); }
:focus-visible { outline: 2px solid var(--oro); outline-offset: 3px; }
::selection { background: rgba(203, 178, 122, .35); }
b, strong { font-weight: 600; }

/* barra */
.barra { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 12px); z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 16px;
         max-width: 1180px; width: calc(100% - 32px); margin: 12px auto 0; padding: 10px 12px 10px 18px; border-radius: 16px;
         background: rgba(10, 26, 27, .62); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--borde-osc); }
.logo { display: flex; align-items: center; gap: 11px; color: var(--blanco); text-decoration: none; font: 800 17px/1 var(--titulo); letter-spacing: .06em; text-transform: uppercase; }
.logo-icono { width: 34px; height: 34px; border-radius: 10px; border: 1.5px solid var(--oro); position: relative; flex: none; }
.logo-icono::after { content: ""; position: absolute; left: 8px; right: 8px; top: 10px; bottom: 10px;
                     background: linear-gradient(135deg, transparent 45%, var(--oro) 45%, var(--oro) 58%, transparent 58%); }
.barra nav { display: flex; align-items: center; gap: 4px; }
.barra nav a { color: var(--gris); text-decoration: none; font: 500 12.5px var(--titulo); letter-spacing: .1em; text-transform: uppercase; padding: 9px 13px; border-radius: 999px; }
.barra nav a:not(.btn):hover { color: var(--blanco); }
@media (max-width: 760px) { .barra nav a:not(.btn):not(.siempre) { display: none; } }

/* botones: borde dorado (va 2) con forma de píldora (va) */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; text-decoration: none;
       background: rgba(203, 178, 122, .08); color: var(--oro2) !important; border: 1.5px solid var(--oro);
       font: 700 13px/1 var(--titulo); letter-spacing: .12em; text-transform: uppercase; padding: 16px 24px; border-radius: 999px;
       box-shadow: 0 0 0 0 rgba(203, 178, 122, 0); transition: box-shadow .2s, background .2s, transform .15s; }
.btn::after { content: "→"; font-family: var(--letra); letter-spacing: 0; }
.btn:hover { background: rgba(203, 178, 122, .16); box-shadow: 0 0 24px rgba(203, 178, 122, .25); transform: translateY(-1px); }
.btn.sec { background: transparent; color: var(--blanco) !important; border-color: rgba(255, 255, 255, .3); }
.btn.chico { padding: 11px 16px; font-size: 11.5px; }
.btn.grande { width: 100%; padding: 19px; font-size: 14px; background: var(--mp); border-color: var(--mp); color: #fff !important; }
.btn.grande.azul { background: var(--tinta); border-color: var(--tinta); color: var(--oro2) !important; }
.btn:disabled { opacity: .6; cursor: wait; transform: none; }

main { max-width: 1180px; margin: 0 auto; padding-inline: 16px; }

/* inicio */
.hero { position: relative; display: grid; grid-template-columns: 1fr 1.05fr; gap: 46px; align-items: center; padding-block: 76px 56px; }
.hero::before { content: "MT5"; position: absolute; z-index: -1; left: 30%; top: 50%; transform: translate(-50%, -50%);
                font: 900 clamp(160px, 26vw, 360px)/1 var(--titulo); letter-spacing: -.04em; color: rgba(255, 255, 255, .035); pointer-events: none; }
@media (max-width: 920px) { .hero { grid-template-columns: 1fr; padding-top: 40px; } }
.hero-texto { min-width: 0; }
.pre { font: 600 12px/1 var(--titulo); letter-spacing: .22em; text-transform: uppercase; color: var(--oro); margin: 0 0 18px; }
h1 { font: 800 clamp(30px, 3.9vw, 46px)/1.1 var(--titulo); letter-spacing: .01em; text-transform: uppercase; margin: 0 0 24px; color: var(--blanco); text-wrap: balance; }
h1 em { font-style: normal; color: var(--oro); }
.bajada { font-size: 17px; color: var(--gris); margin: 0 0 32px; max-width: 32em; }
.ctas { display: flex; gap: 12px; flex-wrap: wrap; }
.chips { display: flex; flex-wrap: wrap; gap: 10px 26px; list-style: none; padding: 0; margin: 36px 0 0; color: var(--gris); font: 500 12px var(--titulo); letter-spacing: .1em; text-transform: uppercase; }
.chips li::before { content: "+ "; color: var(--oro); font-weight: 700; }
.hero-media { position: relative; border-radius: 26px; padding: 10px; background: var(--vidrio-osc); border: 1px solid var(--borde-osc);
              box-shadow: var(--sombra-osc); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.hero-media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 18px; background: #000; }
.flotante { position: absolute; background: rgba(12, 32, 33, .78); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
            border: 1px solid rgba(203, 178, 122, .35); border-radius: 16px; box-shadow: var(--sombra-osc); padding: 12px 16px; font-size: 12px; color: var(--gris); }
.flotante b { display: block; font: 800 24px/1.1 var(--titulo); color: var(--oro2); }
.flotante.arriba { top: -24px; right: -14px; }
.flotante.abajo { bottom: -26px; left: -18px; display: flex; align-items: center; gap: 12px; }
.flotante.abajo b { font-size: 14px; color: var(--blanco); }
.flotante svg rect { fill: rgba(203, 178, 122, .15); } .flotante svg path { stroke: var(--oro); }
.flotante svg linearGradient stop { stop-color: var(--oro); }
@media (max-width: 920px) { .flotante.arriba { right: 8px; } .flotante.abajo { left: 8px; } .hero-media { margin-bottom: 30px; } }

/* secciones */
.seccion { position: relative; padding-block: 76px 30px; scroll-margin-top: 100px; }
h2 { font: 800 clamp(26px, 3.4vw, 38px)/1.15 var(--titulo); letter-spacing: .01em; text-transform: uppercase; margin: 0 0 14px; max-width: 24em; text-wrap: balance; }
.intro { color: var(--gris); margin: 0 0 32px; max-width: 46em; }
.video-marco { border-radius: 24px; padding: 10px; max-width: 980px; background: var(--vidrio-osc); border: 1px solid var(--borde-osc); box-shadow: var(--sombra-osc); }
.video-marco video { width: 100%; border-radius: 16px; background: #000; }

.grilla-ind { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 22px; }
.grilla-ind.dos { grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr)); }
.ind { border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; padding: 10px; min-width: 0;
       background: var(--vidrio-osc); border: 1px solid var(--borde-osc); box-shadow: var(--sombra-osc); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.ind .foto { aspect-ratio: 16 / 9; background: #000; cursor: zoom-in; border-radius: 14px; overflow: hidden; }
.ind .foto img { width: 100%; height: 100%; object-fit: cover; }
.ind .miniaturas { display: flex; gap: 8px; padding: 12px 8px 0; flex-wrap: wrap; }
.ind .miniaturas button { padding: 0; border: 1.5px solid transparent; border-radius: 9px; overflow: hidden; width: 84px; aspect-ratio: 16 / 9; background: #000; cursor: pointer; opacity: .6; }
.ind .miniaturas button[aria-pressed="true"] { border-color: var(--oro); opacity: 1; }
.ind .miniaturas img { width: 100%; height: 100%; object-fit: cover; }
.ind .cuerpo { padding: 16px 10px 8px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.ind h3 { font: 800 22px/1.15 var(--titulo); margin: 0; letter-spacing: .02em; text-transform: uppercase; color: var(--blanco); }
.ind .para { font: 600 11px/1.3 var(--titulo); color: var(--oro); letter-spacing: .16em; text-transform: uppercase; }
.ind p { margin: 0; color: var(--gris); font-size: 15px; }
.ind .pie-ind { margin-top: auto; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--borde-osc); }
.ind .desde { color: var(--gris2); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.ind .desde b { color: var(--oro2); font: 800 22px var(--titulo); letter-spacing: 0; text-transform: none; }
.ind.senales { max-width: 640px; }
.ind.senales ul { margin: 4px 0 0; padding-left: 0; list-style: none; color: var(--gris); font-size: 14.5px; display: grid; gap: 5px; }
.ind.senales li::before { content: "+ "; color: var(--oro); font-weight: 700; }
.tg-arte { aspect-ratio: 16 / 9; display: grid; place-items: center; border-radius: 14px; background: radial-gradient(circle at 30% 20%, #23595a, #0c2223 75%); }
.tg-arte .burbujas { width: 80%; display: grid; gap: 10px; }
.tg-arte .msj { background: rgba(255, 255, 255, .08); border: 1px solid var(--borde-osc); border-radius: 16px 16px 16px 5px; padding: 10px 14px;
                font: 500 13.5px/1.5 var(--mono); color: var(--blanco); }
.tg-arte .msj b { color: var(--sube); } .tg-arte .msj .r { color: var(--baja); font-weight: 700; }
.tg-arte small { color: var(--gris) !important; }
.cargando { color: var(--gris); }

/* banda clara (va): a medida, cómo funciona, formulario y preguntas */
#medida, #como, #suscribirse, #preguntas, #contacto { color: var(--tinta); }
#medida::before, #como::before, #suscribirse::before, #preguntas::before, #contacto::before, .pie::before {
  content: ""; position: absolute; z-index: -1; top: -1px; bottom: -1px; left: calc(50% - 50vw); right: calc(50% - 50vw); background: var(--claro); }
#medida::before { background: radial-gradient(45% 60% at 92% 0%, rgba(203, 178, 122, .2), transparent 70%), var(--claro); }
#preguntas::before { background: linear-gradient(180deg, var(--claro), var(--claro2)); }
.pie::before { background: var(--claro2); top: -71px; }
#medida h2, #como h2, #suscribirse h2, #preguntas h2, #contacto h2 { color: var(--tinta); }
#medida .pre, #como .pre, #suscribirse .pre, #preguntas .pre, #contacto .pre { color: var(--oro-osc); }
#contacto .intro { color: var(--tinta2); }
#medida .intro { color: var(--tinta2); }
.pie { position: relative; color: var(--tinta2); }

.pasos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 18px; counter-reset: p; }
.pasos li { border-radius: var(--r); padding: 24px; counter-increment: p; display: grid; gap: 6px; background: var(--vidrio-cla); border: 1px solid var(--borde-cla); box-shadow: var(--sombra-cla); }
.pasos li::before { content: "0" counter(p); font: 800 30px/1 var(--titulo); color: var(--oro-osc); margin-bottom: 6px; }
.pasos b { font: 700 15px var(--titulo); letter-spacing: .04em; text-transform: uppercase; } .pasos span { color: var(--tinta2); font-size: 15px; }

.tarjeta { border-radius: 24px; padding: 28px; background: var(--vidrio-cla); border: 1px solid var(--borde-cla); box-shadow: var(--sombra-cla);
           backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: var(--tinta); }
.form { max-width: 860px; display: grid; gap: 24px; }
fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 12px; min-width: 0; }
legend { font: 800 15px var(--titulo); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 10px; padding: 0; color: var(--tinta); }
.opciones { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: 10px; }
.opcion { position: relative; }
.opcion input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.opcion span { display: grid; gap: 2px; padding: 13px 15px; border: 1px solid rgba(15, 31, 31, .1); border-radius: 14px; background: rgba(255, 255, 255, .6); height: 100%; color: var(--tinta); }
.opcion span small { color: var(--suave); font-size: 12.5px; }
.opcion input:checked + span { background: var(--petroleo); border-color: var(--petroleo); color: var(--blanco); }
.opcion input:checked + span small { color: var(--oro2); }
.opcion input:focus-visible + span { outline: 2px solid var(--oro); outline-offset: 2px; }
.planes .opcion b { font: 800 21px var(--titulo); }
.etiqueta { position: absolute; top: -10px; right: 10px; background: var(--oro); color: var(--tinta); font: 700 10px/1 var(--titulo); letter-spacing: .1em;
            padding: 5px 9px; border-radius: 999px; text-transform: uppercase; font-style: normal; }
.campos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px 18px; }
.campos label, .campo-ancho { display: grid; gap: 6px; font-weight: 500; font-size: 14px; min-width: 0; color: var(--tinta); }
.campos small, .campo-ancho small { color: var(--suave); font-weight: 300; font-size: 12.5px; line-height: 1.45; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  background: rgba(255, 255, 255, .8); border: 1px solid rgba(15, 31, 31, .12); border-radius: 12px; padding: 13px 15px; color: var(--tinta);
  font: 400 15.5px var(--letra); width: 100%; }
textarea { resize: vertical; min-height: 120px; }
input:focus, select:focus, textarea:focus { border-color: var(--oro-osc); outline: none; background: #fff; box-shadow: 0 0 0 3px rgba(203, 178, 122, .2); }
.acepto { display: flex; gap: 12px; align-items: flex-start; color: var(--tinta2); font-size: 14px; }
.acepto input { width: 19px; height: 19px; margin-top: 2px; accent-color: var(--petroleo); flex: none; }
.acepto a { color: var(--oro-osc); }
.total { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid rgba(15, 31, 31, .1); padding-top: 18px; }
.total span { color: var(--suave); font: 600 12px var(--titulo); letter-spacing: .12em; text-transform: uppercase; } .total b { font: 800 32px var(--titulo); color: var(--tinta); }
.error { color: #c0392b; margin: 0; min-height: 1.2em; font-weight: 500; }
.modo-prueba { margin: 0; padding: 11px 15px; border-radius: 12px; background: rgba(203, 178, 122, .15); border: 1px solid rgba(166, 141, 85, .4); color: var(--tinta2); font-size: 14px; }
.ok-msg { margin: 0; padding: 12px 15px; border-radius: 12px; background: rgba(47, 191, 138, .12); border: 1px solid rgba(47, 191, 138, .35); color: var(--tinta); }

.medida { display: grid; grid-template-columns: 1fr 1.15fr; gap: 36px; align-items: start; }
@media (max-width: 900px) { .medida { grid-template-columns: 1fr; } }
.medida-txt { min-width: 0; }
.lista-ok { list-style: none; padding: 0; margin: 0 0 20px; display: grid; gap: 12px; color: var(--tinta2); }
.lista-ok li { padding-left: 26px; position: relative; }
.lista-ok li::before { content: "+"; position: absolute; left: 0; top: -1px; font: 800 18px var(--titulo); color: var(--oro-osc); }
.nota { color: var(--tinta2); font-size: 14px; background: var(--vidrio-cla); border: 1px solid var(--borde-cla); border-radius: 14px; padding: 12px 16px; }

.faq { display: grid; gap: 10px; max-width: 860px; }
.faq details { border-radius: 16px; padding: 16px 22px; background: var(--vidrio-cla); border: 1px solid var(--borde-cla); box-shadow: var(--sombra-cla); color: var(--tinta); }
.faq summary { cursor: pointer; font-weight: 500; }
.faq p { color: var(--tinta2); margin: 10px 0 0; }

.pie { max-width: 1180px; margin: 70px auto 0; padding: 30px 16px 50px; border-top: 1px solid rgba(15, 31, 31, .12); font-size: 13px; }
#preguntas { padding-bottom: 70px; }
.pie .legal a { color: var(--oro-osc); }

.lupa { position: fixed; inset: 0; z-index: 50; background: rgba(8, 20, 21, .92); display: grid; place-items: center; padding: 16px; cursor: zoom-out; }
.lupa img { max-height: 92vh; border-radius: 14px; }

/* página del pedido y términos (sobre fondo oscuro) */
.pedido { max-width: 720px; margin: 50px auto; padding-inline: 16px; }
.pedido .tarjeta { background: var(--vidrio-osc); border-color: var(--borde-osc); color: var(--blanco); box-shadow: var(--sombra-osc); }
.estado { display: flex; gap: 14px; align-items: center; margin: 18px 0; }
.punto { width: 12px; height: 12px; border-radius: 50%; background: #e0b14a; flex: none; box-shadow: 0 0 0 4px rgba(224, 177, 74, .2); }
.punto.ok { background: var(--sube); box-shadow: 0 0 0 4px rgba(47, 191, 138, .2); } .punto.mal { background: var(--baja); box-shadow: 0 0 0 4px rgba(228, 100, 100, .2); }
.girando { animation: latido 1.2s ease-in-out infinite; }
@keyframes latido { 50% { opacity: .35; } }
.datos { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 18px 0; color: var(--gris); }
.datos dt { color: var(--gris2); } .datos dd { margin: 0; font-weight: 500; color: var(--blanco); }
.pasos-inst { color: var(--gris); padding-left: 20px; } .pasos-inst li { margin: 6px 0; }
.legal-txt { color: var(--gris) !important; } .legal-txt h1, .legal-txt h2 { color: var(--blanco); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .girando { animation: none; } .btn, .btn:hover { transition: none; transform: none; } }

/* ---------------------------------------------------------------- cuentas de clientes (cuenta.html) */
.cuenta { max-width: 760px; margin: 46px auto 80px; }
.cuenta .tarjeta { background: var(--vidrio-osc); border-color: var(--borde-osc); color: var(--blanco); box-shadow: var(--sombra-osc); padding: clamp(20px, 4vw, 36px); }
.cuenta h1 { font-size: clamp(26px, 4vw, 36px); margin-bottom: 16px; }
.cuenta h2 { font-size: 16px; letter-spacing: .12em; margin: 34px 0 14px; color: var(--oro2); }
.cuenta p { color: var(--gris); }
.cuenta p b { color: var(--blanco); }
.cuenta .error { color: #ff9a9a; }
.cuenta .error.ok-txt { color: var(--sube); }
.form-cuenta { display: grid; gap: 16px; margin-top: 8px; max-width: 520px; }
.form-cuenta label { display: grid; gap: 6px; font-weight: 500; font-size: 14px; color: var(--blanco); }
.form-cuenta small { color: var(--gris2); font-weight: 300; font-size: 12.5px; line-height: 1.45; }
.form-cuenta .acepto { display: flex; color: var(--gris); }
.form-cuenta .acepto a { color: var(--oro); }
.form-cuenta .btn.grande.azul { background: var(--oro); border-color: var(--oro); color: var(--tinta) !important; }
.form-cuenta input:disabled { opacity: .7; }
.clave { position: relative; display: block; }
.clave input { padding-right: 84px !important; }
.clave .ver { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: none; border: 0; cursor: pointer; padding: 8px 10px;
              color: var(--oro-osc); font: 700 11.5px var(--titulo); letter-spacing: .1em; text-transform: uppercase; }
.enlaces { margin-top: 22px; font-size: 14px; line-height: 2; }
.enlaces a, .cuenta .vacio a { color: var(--oro); }
.mensaje-ok { padding: 14px 16px; border-radius: 14px; background: rgba(47, 191, 138, .12); border: 1px solid rgba(47, 191, 138, .35); color: var(--blanco) !important; }
.lics { display: grid; gap: 14px; }
.lic { border-radius: 18px; padding: 18px 20px; background: rgba(255, 255, 255, .04); border: 1px solid var(--borde-osc); }
.lic-cab { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.lic h3 { margin: 0; font: 800 18px/1.2 var(--titulo); text-transform: uppercase; letter-spacing: .03em; }
.lic .datos { margin: 12px 0 6px; }
.lic .dias { margin: 0 0 14px; font-size: 14.5px; }
.lic .error { margin-top: 8px; min-height: 0; }
.chip { font: 700 11px/1 var(--titulo); letter-spacing: .12em; text-transform: uppercase; padding: 7px 11px; border-radius: 999px;
        background: rgba(47, 191, 138, .15); color: var(--sube); border: 1px solid rgba(47, 191, 138, .35); }
.chip.vence_pronto { background: rgba(224, 177, 74, .15); color: #e8c46d; border-color: rgba(224, 177, 74, .4); }
.chip.vencida { background: rgba(228, 100, 100, .15); color: #ff9a9a; border-color: rgba(228, 100, 100, .4); }
.chip.pendiente { background: rgba(255, 255, 255, .08); color: var(--gris); border-color: var(--borde-osc); }
.acciones { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.acciones.salir { margin-top: 26px; }
.renovar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.renovar select { width: auto; padding: 10px 12px; font-size: 14px; }
.pedidos { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.pedidos li { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-radius: 14px; border: 1px solid var(--borde-osc); color: var(--gris); }
.pedidos a { color: var(--blanco); }
.ajustes { border-top: 1px solid var(--borde-osc); padding: 10px 0; }
.ajustes summary { cursor: pointer; color: var(--blanco); font-weight: 500; padding: 4px 0; }
.ajustes .form-cuenta { margin: 12px 0 8px; }
.vacio { padding: 18px; border-radius: 16px; border: 1px dashed var(--borde-osc); color: var(--gris); }
.btn.peligro { border-color: rgba(228, 100, 100, .6); color: #ff9a9a !important; background: rgba(228, 100, 100, .08); }
.trampa { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.sub-cuenta { color: var(--gris); font-size: 14px; margin-top: 16px; }
.sub-cuenta a { color: var(--oro); }

/* formulario de compra: quién compra */
.comprador { min-width: 0; }
.quien { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-radius: 14px;
         background: rgba(255, 255, 255, .6); border: 1px solid rgba(15, 31, 31, .1); color: var(--tinta); font-size: 14.5px; }
.quien a { color: var(--oro-osc); font-weight: 600; }
.quien.aviso { background: rgba(203, 178, 122, .15); border-color: rgba(166, 141, 85, .4); }
.quien .botones { display: flex; gap: 8px; flex-wrap: wrap; }
.quien .btn { background: var(--tinta); border-color: var(--tinta); color: var(--oro2) !important; }
.quien .btn.sec { background: transparent; color: var(--tinta) !important; border-color: rgba(15, 31, 31, .3); }

/* términos */
.legal-txt { max-width: 780px; margin: 40px auto; padding: 0 16px; }
.legal-txt h1 { font-size: clamp(28px, 4vw, 40px); }
.legal-txt h2 { margin-top: 34px; font-size: 22px; }
.legal-txt li { margin: 6px 0; }

/* ---------------------------------------------------------------- página de empresa */
.ico { flex: none; color: var(--oro); }
.confianza { margin: 6px 0 0; }
.confianza ul { list-style: none; margin: 0; padding: 18px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px 22px;
                border-radius: var(--r); background: var(--vidrio-osc); border: 1px solid var(--borde-osc); }
.confianza li { display: flex; gap: 12px; align-items: flex-start; font-size: 13.5px; color: var(--gris); line-height: 1.45; }
.confianza b { display: block; color: var(--blanco); font: 700 13px var(--titulo); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 2px; }

.ventajas { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 18px; }
.ventajas article { border-radius: var(--r); padding: 22px; background: var(--vidrio-osc); border: 1px solid var(--borde-osc); }
.ventajas .ico { width: 30px; height: 30px; padding: 6px; box-sizing: content-box; border-radius: 12px; background: rgba(203, 178, 122, .1); border: 1px solid rgba(203, 178, 122, .3); }
.ventajas h3 { font: 800 16px/1.25 var(--titulo); letter-spacing: .04em; text-transform: uppercase; margin: 14px 0 6px; }
.ventajas p { margin: 0; color: var(--gris); font-size: 14.5px; }

.marco-planes { border-radius: var(--r); background: var(--vidrio-osc); border: 1px solid var(--borde-osc); overflow-x: auto; box-shadow: var(--sombra-osc); }
.tabla-planes { width: 100%; border-collapse: collapse; min-width: 640px; }
.tabla-planes th, .tabla-planes td { padding: 18px 16px; text-align: left; border-bottom: 1px solid var(--borde-osc); vertical-align: top; }
.tabla-planes tr:last-child th, .tabla-planes tr:last-child td { border-bottom: 0; }
.tabla-planes thead th { font: 700 12px var(--titulo); letter-spacing: .14em; text-transform: uppercase; color: var(--oro); position: relative; }
.tabla-planes thead .etiqueta { position: static; display: inline-block; margin-left: 8px; vertical-align: middle; }
.tabla-planes tbody th b { display: block; font: 800 16px var(--titulo); text-transform: uppercase; letter-spacing: .03em; }
.tabla-planes tbody th small, .tabla-planes td small { display: block; color: var(--gris2); font-size: 12.5px; font-weight: 300; }
.tabla-planes td b { display: block; font: 800 22px var(--titulo); color: var(--oro2); }
.tabla-planes td .btn { margin-top: 10px; }
.incluye { list-style: none; padding: 0; margin: 18px 0 0; display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--gris); font-size: 14px; }
.incluye li:first-child { color: var(--blanco); font-weight: 500; }
.incluye li:not(:first-child)::before { content: "✓ "; color: var(--sube); font-weight: 700; }

.contacto { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 14px; }
.contacto-item { display: grid; gap: 3px; padding: 20px; border-radius: 18px; background: var(--vidrio-cla); border: 1px solid var(--borde-cla);
                 box-shadow: var(--sombra-cla); color: var(--tinta); text-decoration: none; }
a.contacto-item:hover { border-color: var(--oro-osc); }
.contacto-item b { font: 700 12px var(--titulo); letter-spacing: .14em; text-transform: uppercase; color: var(--oro-osc); }
.contacto-item span { font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
.contacto-item small { color: var(--suave); font-size: 13px; }
#contacto { padding-bottom: 40px; }

.pie-cols { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 28px; padding-bottom: 26px; margin-bottom: 18px; border-bottom: 1px solid rgba(15, 31, 31, .12); }
@media (max-width: 760px) { .pie-cols { grid-template-columns: 1fr 1fr; } .pie-cols > div:first-child { grid-column: 1 / -1; } }
.pie-cols h4 { margin: 0 0 10px; font: 700 12px var(--titulo); letter-spacing: .16em; text-transform: uppercase; color: var(--tinta); }
.pie-cols a:not(.logo) { display: block; color: var(--tinta2); text-decoration: none; padding: 3px 0; font-size: 14px; }
.pie-cols a:not(.logo):hover { color: var(--oro-osc); }
.pie .logo { color: var(--tinta); }
.pie .eslogan { margin: 12px 0 0; color: var(--tinta2); max-width: 26em; }
.pie .legal { color: var(--suave); }

.wa-flotante { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 30; width: 56px; height: 56px;
               border-radius: 50%; display: grid; place-items: center; background: #25d366; color: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.wa-flotante:hover { transform: scale(1.06); }

.error-404 { max-width: 640px; margin: 80px auto; text-align: center; padding: 0 16px; }
.error-404 .numero { font: 900 clamp(90px, 18vw, 160px)/1 var(--titulo); color: rgba(203, 178, 122, .25); }
.error-404 p { color: var(--gris); }

/* precios en dólares, cobro en pesos */
.en-pesos { margin: -8px 0 0; text-align: right; color: var(--tinta2); font-size: 15px; }
.en-pesos b { color: var(--tinta); font-weight: 700; }
.en-pesos small { display: block; color: var(--suave); font-size: 12.5px; }
.tabla-planes td small.pesos { color: var(--gris); margin-top: 2px; }
/* Argentina: pesos grande, dólares y "precio sin impuestos nacionales" chicos abajo (Res. SIC 4/2025) */
small.usd, small.sin-imp { display: block; font-size: 11.5px; line-height: 1.35; letter-spacing: 0; text-transform: none; font-weight: 500; }
small.usd { color: var(--oro2); opacity: .9; }
small.sin-imp { color: var(--gris); opacity: .85; }
#suscribirse small.usd { color: var(--oro-osc); } #suscribirse small.sin-imp { color: var(--suave); }
.opcion input:checked + span small.usd { color: var(--oro2); } .opcion input:checked + span small.sin-imp { color: rgba(255, 255, 255, .7); }
.ind .desde small { margin-top: 3px; }
.cambiar-moneda { background: none; border: 0; padding: 0; font: inherit; color: var(--oro2); text-decoration: underline; cursor: pointer; }
.ahorro { color: var(--sube, #2fbf8a); font-weight: 700; }
.ind .desde small.probar { display: block; margin-top: 4px; font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--gris); }

/* ================================================================ marca FÉNIX TRADING AI (09/10)
   Todo el entorno sale del logo: negro, verde esmeralda (#00D27A / #0A3D2E) y dorado (#D4A017 / #F9E29A).
   Las bandas que eran claras pasan a oscuro con vidrio verde. Respaldo: tienda_v2.css.antes_fenix */
:root {
  --petroleo: #06110d; --petroleo2: #0a3d2e; --noche: #030605;
  --oro: #d4a017; --oro2: #f9e29a; --oro-osc: #b8860b;
  --verde: #00d27a; --verde-osc: #0a3d2e;
  --gris: #aab6b0; --gris2: #7d8b85;
  --vidrio-osc: rgba(10, 61, 46, .20); --borde-osc: rgba(212, 160, 23, .20);
  --dorado: linear-gradient(180deg, #fff1bf 0%, #f2c94c 38%, #d4a017 62%, #9c6f0c 100%);
  --brillo-oro: 0 0 0 1px rgba(212, 160, 23, .35), 0 0 28px rgba(212, 160, 23, .18);
  --brillo-verde: 0 0 40px rgba(0, 210, 122, .12);
}
body { background: radial-gradient(55% 45% at 0% 0%, rgba(0, 210, 122, .13), transparent 62%),
                    radial-gradient(45% 40% at 100% 18%, rgba(0, 210, 122, .08), transparent 60%),
                    linear-gradient(180deg, #050b08 0%, #030605 100%) fixed;
       background-color: #040806; }
::selection { background: rgba(212, 160, 23, .35); }

/* barra con el logo original */
.barra { background: rgba(4, 10, 8, .72); border-color: rgba(212, 160, 23, .28); box-shadow: 0 10px 40px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(249, 226, 154, .08); }
.logo { gap: 8px; }
.logo-iso { width: 46px; height: auto; flex: none; filter: drop-shadow(0 0 10px rgba(212, 160, 23, .25)); }
.logo-palabra { height: 33px; width: auto; flex: none; }
@media (max-width: 480px) { .barra .logo-palabra { display: none; } .barra .logo-iso { width: 42px; } .barra nav a.siempre { padding-inline: 8px; } }
.pie .logo-iso { width: 64px; } .pie .logo-palabra { height: 46px; }

/* portada */
.portada { margin: 22px 0 0; border-radius: 22px; overflow: hidden; background: #000;
           border: 1px solid rgba(212, 160, 23, .45); box-shadow: 0 30px 80px rgba(0, 0, 0, .6), var(--brillo-verde), inset 0 0 0 1px rgba(0, 210, 122, .08); }
.portada img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
@media (max-width: 700px) { .portada { border-radius: 16px; margin-top: 16px; } .portada img { aspect-ratio: 1340 / 490; } }

/* títulos y detalles dorados */
.hero::before { content: ""; width: min(560px, 70vw); aspect-ratio: 1; left: 26%; background: url(/img/marca/isotipo_grande.png) center / contain no-repeat; opacity: .06; }
h1 em, .flotante b, .ind .desde b, .tabla-planes td b, .total b, .pasos li::before, .error-404 .numero {
  background: var(--dorado); -webkit-background-clip: text; background-clip: text; color: transparent; }
.error-404 .numero { opacity: .55; }
.pre { color: var(--oro); }
.pre::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 10px 2px 0; border-radius: 50%; background: var(--verde); box-shadow: 0 0 10px var(--verde); }
.chips li::before, .ind.senales li::before, .lista-ok li::before { color: var(--verde); }
.incluye li:not(:first-child)::before { color: var(--verde); }

/* botones: dorado metálico; secundarios con borde */
.btn { background: var(--dorado); color: #1a1100 !important; border: 1px solid rgba(255, 236, 170, .6); box-shadow: 0 6px 24px rgba(212, 160, 23, .22); }
.btn:hover { background: var(--dorado); box-shadow: 0 0 0 1px rgba(249, 226, 154, .6), 0 0 34px rgba(212, 160, 23, .4); }
.btn.sec { background: rgba(0, 0, 0, .25); color: var(--oro2) !important; border-color: rgba(212, 160, 23, .55); box-shadow: none; }
.btn.sec:hover { background: rgba(212, 160, 23, .1); }
.btn.grande { box-shadow: none; }
.btn.peligro { background: rgba(228, 100, 100, .08); box-shadow: none; }

/* tarjetas: vidrio verde con borde dorado fino */
.hero-media, .ind, .confianza ul, .ventajas article, .marco-planes, .video-marco, .pedido .tarjeta, .cuenta .tarjeta {
  background: linear-gradient(180deg, rgba(10, 61, 46, .26), rgba(4, 12, 9, .55)); border-color: rgba(212, 160, 23, .22);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(249, 226, 154, .07); }
.ind:hover, .ventajas article:hover { border-color: rgba(212, 160, 23, .45); box-shadow: 0 24px 60px rgba(0, 0, 0, .5), var(--brillo-verde); }
.flotante { background: rgba(4, 12, 9, .85); border-color: rgba(212, 160, 23, .4); }
.flotante svg rect { fill: rgba(0, 210, 122, .14); } .flotante svg path { stroke: var(--verde); }
.ventajas .ico { background: rgba(0, 210, 122, .08); border-color: rgba(0, 210, 122, .3); color: var(--verde); }
.tg-arte { background: radial-gradient(circle at 30% 20%, #0f4a37, #050d0a 75%); }

/* las bandas que eran claras ahora son oscuras */
#medida, #como, #suscribirse, #preguntas, #contacto, .pie {
  --tinta: #f4f7f6; --tinta2: #aab6b0; --suave: #7d8b85; --oro-osc: #e2b33a;
  --vidrio-cla: linear-gradient(180deg, rgba(10, 61, 46, .24), rgba(4, 12, 9, .5)); --borde-cla: rgba(212, 160, 23, .22);
  --sombra-cla: 0 20px 50px rgba(0, 0, 0, .45); }
#medida::before, #como::before, #suscribirse::before, #preguntas::before, #contacto::before, .pie::before {
  background: linear-gradient(180deg, rgba(10, 61, 46, .16), rgba(3, 6, 5, 0) 70%); border-top: 1px solid rgba(212, 160, 23, .14); }
#medida::before { background: radial-gradient(45% 60% at 92% 0%, rgba(0, 210, 122, .10), transparent 70%), linear-gradient(180deg, rgba(10, 61, 46, .16), transparent 70%); }
.pie::before { background: #030605; }
.pasos li, .tarjeta, .faq details, .contacto-item, .nota { background: var(--vidrio-cla); }
.opcion span { background: rgba(0, 0, 0, .3); border-color: rgba(212, 160, 23, .2); }
.opcion input:checked + span { background: rgba(10, 61, 46, .7); border-color: var(--oro); box-shadow: var(--brillo-oro); color: var(--blanco); }
input:not([type=checkbox]):not([type=radio]), select, textarea { background: rgba(0, 0, 0, .35); border-color: rgba(212, 160, 23, .25); color: var(--blanco); }
input:focus, select:focus, textarea:focus { background: rgba(0, 0, 0, .5); border-color: var(--oro); box-shadow: 0 0 0 3px rgba(212, 160, 23, .18); }
select option { background: #06110d; color: var(--blanco); }
::placeholder { color: var(--gris2); }
.acepto input { accent-color: var(--oro); }
.etiqueta { background: var(--dorado); color: #1a1100; }
.total, .pie-cols, .pie { border-color: rgba(212, 160, 23, .16); }
.quien { background: rgba(0, 0, 0, .3); border-color: rgba(212, 160, 23, .2); }
.quien.aviso { background: rgba(212, 160, 23, .1); }
.quien .btn { background: var(--dorado); border-color: transparent; color: #1a1100 !important; }
.quien .btn.sec { background: transparent; color: var(--oro2) !important; border-color: rgba(212, 160, 23, .5); }
.btn.grande.azul, .form-cuenta .btn.grande.azul { background: var(--dorado); border-color: transparent; color: #1a1100 !important; }
.modo-prueba { background: rgba(212, 160, 23, .1); border-color: rgba(212, 160, 23, .35); }
.ok-msg { background: rgba(0, 210, 122, .1); border-color: rgba(0, 210, 122, .35); }
.error { color: #ff8f8f; }
.lupa { background: rgba(3, 6, 5, .94); }
html { background: #040806; }

/* Entrar con Google */
.btn.google { background: #fff !important; color: #1f1f1f !important; border-color: #dadce0 !important; text-transform: none; letter-spacing: 0;
              font: 600 15px var(--letra); gap: 12px; }
.btn.google::after { content: none; }
.o-separador { display: flex; align-items: center; gap: 12px; color: var(--gris2); font-size: 13px; margin: 18px 0 6px; max-width: 520px; }
.o-separador::before, .o-separador::after { content: ""; flex: 1; height: 1px; background: var(--borde-osc); }
.arrep h2 { margin-top: 30px; }
.arrep .caso { padding: 14px 16px; border-radius: 14px; border: 1px solid var(--borde-osc); margin: 10px 0; color: var(--gris); }
.arrep .caso b { color: var(--blanco); }
.arrep .codigo { font: 800 30px var(--titulo); color: var(--oro2); letter-spacing: .06em; }

/* ---------------------------------------------------------------- celular */
@media (max-width: 640px) {
  .seccion { padding-block: 44px 12px; scroll-margin-top: 84px; }
  .hero { padding-block: 18px 26px; gap: 30px; }
  h2 { font-size: 25px; }
  .intro { margin-bottom: 20px; font-size: 15px; }
  /* tarjetas de producto: precio arriba, botón a lo ancho abajo */
  .ind .pie-ind { flex-direction: column; align-items: stretch; gap: 12px; }
  .ind .pie-ind .btn { width: 100%; }
  .ind .miniaturas { flex-wrap: nowrap; gap: 6px; padding: 10px 2px 0; }
  .ind .miniaturas button { width: auto; flex: 1 1 0; min-width: 0; }
  .ind .cuerpo { padding: 14px 6px 6px; }
  .tg-arte .burbujas { width: 92%; gap: 8px; }
  .tg-arte .msj { font-size: 12px; padding: 8px 11px; }
  /* ventajas y pasos: más compactos */
  .ventajas { gap: 12px; }
  .ventajas article { padding: 16px; display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; align-items: start; }
  .ventajas .ico { grid-row: span 2; width: 24px; height: 24px; }
  .ventajas h3 { margin: 2px 0 2px; font-size: 14.5px; }
  .ventajas p { font-size: 14px; }
  .pasos { gap: 12px; }
  .pasos li { padding: 18px; }
  .pasos li::before { font-size: 24px; }
  /* tabla de planes: una tarjeta por producto, un renglón por plan */
  .marco-planes { overflow: visible; background: none; border: 0; box-shadow: none; }
  .tabla-planes { min-width: 0; }
  .tabla-planes thead { display: none; }
  .tabla-planes, .tabla-planes tbody, .tabla-planes tr, .tabla-planes tbody th { display: block; width: auto; }
  .tabla-planes tr { border-radius: var(--r); background: var(--vidrio-osc); border: 1px solid var(--borde-osc); margin-bottom: 16px; padding: 4px 16px; }
  .tabla-planes tbody th { padding: 14px 0 12px; }
  .tabla-planes td { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; align-items: center; padding: 14px 0; }
  .tabla-planes tr td:last-child { border-bottom: 0; }
  .tabla-planes td::before { content: attr(data-nombre); grid-column: 1 / -1; font: 700 11px var(--titulo); letter-spacing: .14em;
                             text-transform: uppercase; color: var(--oro); margin-bottom: 4px; }
  .tabla-planes td > * { grid-column: 1; }
  .tabla-planes td b { font-size: 21px; }
  .tabla-planes td .btn { grid-column: 2; grid-row: 2 / span 4; margin-top: 0; padding: 10px 14px; }
  .tabla-planes td.sin-precio { display: none; }
  .incluye { font-size: 13.5px; }
  /* formulario y preguntas */
  .tarjeta { padding: 20px 16px; }
  .opciones { grid-template-columns: 1fr 1fr; }
  .opciones.planes { grid-template-columns: 1fr 1fr; }
  .planes .opcion b { font-size: 18px; }
  .faq details { padding: 14px 16px; }
  .pie { margin-top: 40px; }
}
/* el "ahorrás X %" dentro de las opciones de plan no es una tarjeta */
.opcion span span.ahorro { display: inline; padding: 0; border: 0; background: none; border-radius: 0; height: auto; color: var(--sube); font-weight: 700; }

/* ---------------------------------------------------------------- menú lateral (celular) */
.menu-boton { display: none; width: 44px; height: 44px; border: 1px solid var(--borde-osc); border-radius: 12px; background: rgba(255, 255, 255, .04);
              cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 0; margin-left: 4px; }
.menu-boton span { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--oro2); transition: transform .25s, opacity .25s; }
.menu-abierto .menu-boton span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-abierto .menu-boton span:nth-child(2) { opacity: 0; }
.menu-abierto .menu-boton span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.menu-fondo { position: fixed; inset: 0; z-index: 48; background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .25s; }
.menu-lateral { position: fixed; top: 0; right: 0; bottom: 0; z-index: 49; width: min(82vw, 320px); display: flex; flex-direction: column; gap: 18px;
                padding: calc(18px + env(safe-area-inset-top, 0px)) 22px calc(24px + env(safe-area-inset-bottom, 0px));
                background: linear-gradient(180deg, #0a1a14, #050b08); border-left: 1px solid rgba(212, 160, 23, .35);
                box-shadow: -20px 0 60px rgba(0, 0, 0, .6); transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; }
.menu-abierto .menu-lateral { transform: none; }
.menu-abierto .menu-fondo { opacity: 1; }
.menu-cab { display: flex; justify-content: space-between; align-items: center; }
.menu-cab span { font: 700 12px var(--titulo); letter-spacing: .22em; text-transform: uppercase; color: var(--oro); }
.menu-cerrar { background: none; border: 0; color: var(--gris); font-size: 22px; cursor: pointer; padding: 6px 8px; }
.menu-lateral nav { display: flex; flex-direction: column; }
.menu-lateral nav a { color: var(--blanco); text-decoration: none; font: 600 15px var(--titulo); letter-spacing: .1em; text-transform: uppercase;
                      padding: 15px 4px; border-bottom: 1px solid var(--borde-osc); }
.menu-lateral nav a:hover, .menu-lateral nav a:focus-visible { color: var(--oro2); }
.menu-lateral .menu-cta { margin-top: auto; width: 100%; padding: 16px; }
@media (max-width: 760px) {
  .menu-boton { display: flex; }
  .barra nav a.siempre { display: none; }        /* "Ingresar / Mi cuenta" pasa al menú */
}
@media (min-width: 761px) { .menu-lateral, .menu-fondo { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .menu-lateral, .menu-fondo, .menu-boton span { transition: none; } }
body.menu-abierto { overflow: hidden; }   /* que no se mueva la página de atrás con el menú abierto */

/* forma de pago y datos para pagar */
.sub-pago { margin: 4px 0 0; color: var(--gris); font-size: 13.5px; }
.datos-pago { margin-top: 14px; padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(212, 160, 23, .35); background: rgba(212, 160, 23, .06); }
.datos-pago p { margin: 0 0 8px; }
.datos-pago .datos dd { font-family: var(--mono); font-size: 14px; word-break: break-all; }
.datos-pago .btn { margin-top: 12px; }
.grilla-ind.dos .ind.senales { max-width: none; }