/* Revisión definitiva · 01-10-2026. Alcance por propiedad: 01_MDs/00. */
@media (max-width:374px){.hero-tag{padding:8px 11px;gap:7px;margin-inline:0;max-width:100%}}
@media (max-width:767px){.vs-item h4{font-size:15px}}
.faq-panel a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.ck-btn.yes{border-top-color:var(--btn-top);box-shadow:var(--btn-inset),var(--btn-halo)}

/* Un solo estado de plan; la paleta anual queda circunscrita a #precios. */
#precios{
  --plan-rgb:202,255,52;
  --plan-label-bg:#1c260d;--plan-label-text:#caff34;--plan-label-border:#caff3466;
  --plan-highlight:rgba(226,255,150,.85);
}
#precios[data-plan="annual"]{
  --plan-rgb:11,90,250;--green:#0B5AFA;--plan-highlight:rgba(145,184,255,.85);
  --grad-text:linear-gradient(110deg,#91B8FF 0%,#0B5AFA 46%,#0838B4 100%);
  --grad:linear-gradient(110deg,#2364D8 0%,#0B5AFA 40%,#0844CD 76%,#0737AD 100%);
  --btn-fill:radial-gradient(ellipse at 35% 0%,#C4DDFF70 0%,transparent 66%),var(--grad);
  --btn-border:#709CFF59;--btn-top:#C4DBFFB3;
  --btn-inset:inset 0 1px 0 #B3D2FF8C,inset 0 -2px 3px #001A6026;
  --btn-halo:0 8px 24px #0B5AFA1A;--on-green:#F5F5F5;
  --plan-label-bg:#0D1834;--plan-label-text:#91B8FF;--plan-label-border:#0B5AFA66;
}
#precios::before{background:radial-gradient(50% 50% at 50% 55%,rgba(var(--plan-rgb),.07) 0%,rgba(var(--plan-rgb),0) 70%)}
#precios .sec-label{color:var(--green)}
#precios .sec-label::before{background:linear-gradient(90deg,rgba(var(--plan-rgb),0),rgba(var(--plan-rgb),.55))}
#precios .sec-label::after{background:linear-gradient(90deg,rgba(var(--plan-rgb),.55),rgba(var(--plan-rgb),0))}
#precios .plan-switch{border-color:rgba(var(--plan-rgb),.22)}
#precios .plan-opt{border:1px solid transparent}
#precios .plan-opt[aria-checked="true"]{background:var(--btn-fill);color:var(--on-green);border-color:var(--btn-border);border-top-color:var(--btn-top);box-shadow:var(--btn-inset),var(--btn-halo)}
#precios .plan-opt:focus-visible{outline-color:var(--green)}
#precios .save{background:rgba(var(--plan-rgb),.14);color:var(--plan-label-text);border-color:rgba(var(--plan-rgb),.28)}
#precios .plan-opt[aria-checked="true"] .save{background:var(--plan-label-bg);color:var(--plan-label-text);border-color:var(--plan-label-border)}
#plan-card{
  isolation:isolate;border:1px solid rgba(var(--plan-rgb),.22);
  background:radial-gradient(ellipse 90% 65% at 50% 0%,rgba(var(--plan-rgb),.12) 0%,rgba(var(--plan-rgb),.055) 45%,rgba(var(--plan-rgb),0) 100%),#080808;
  box-shadow:0 0 60px -18px rgba(var(--plan-rgb),.32),0 30px 60px -30px rgba(0,0,0,.9);
  transition:border-color .2s ease,box-shadow .2s ease;
}
/* Perfil envolvente superior; luz fija de fases detrás del contenido. */
#plan-card::before,.closing::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(var(--plan-rgb,202,255,52),.68) 0%,rgba(var(--plan-rgb,202,255,52),.30) 22%,rgba(var(--plan-rgb,202,255,52),.06) 78%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
#plan-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.015) 40%,rgba(255,255,255,.055) 49%,rgba(255,255,255,.035) 54%,rgba(255,255,255,.010) 62%,rgba(255,255,255,0) 72%);
}
#plan-card .top-glow{background:linear-gradient(90deg,rgba(var(--plan-rgb),0),rgba(var(--plan-rgb),.45) 25%,var(--plan-highlight) 50%,rgba(var(--plan-rgb),.45) 75%,rgba(var(--plan-rgb),0));box-shadow:0 0 12px rgba(var(--plan-rgb),.16)}
#plan-card .price-badge{background:var(--plan-label-bg);color:var(--plan-label-text);border:1px solid var(--plan-label-border);box-shadow:none;overflow:hidden}
#plan-card .ticks li{font-size:13px;line-height:1.45;grid-template-columns:20px minmax(0,1fr);column-gap:10px}
#plan-card .tick{background:rgba(var(--plan-rgb),.12);border-color:rgba(var(--plan-rgb),.22);color:var(--green)}
#plan-card .pop-cd{margin-top:20px;margin-bottom:22px}
#plan-card .pop-cd .n{color:var(--red-accent)}
#plan-card .btn{margin-top:0}
@media (max-width:767px){#plan-card{padding-inline:16px}}
@media (max-width:374px){#plan-card{padding-inline:14px}}

.closing{position:relative;isolation:isolate;background:var(--offer-light),#080808;border:1px solid rgba(202,255,52,.22);box-shadow:0 0 44px -20px rgba(202,255,52,.26),0 30px 70px -34px rgba(0,0,0,.95)}
.closing .c1{font-family:var(--f-display);font-weight:800;font-size:20px;line-height:1.2;color:var(--text)}
.closing .c2{font-family:var(--f-sans);font-weight:400;font-size:14px;line-height:1.5;color:var(--text-2);margin-top:6px}
@media (max-width:767px){.closing .c1{font-size:18px}}

/* La superficie ocupa la ventana; el contenido reutiliza .wrap. */
.mbar{padding-inline:0}
.mbar-inner{margin-inline:auto}
@media (min-width:768px){.mbar .btn{padding-inline:24px}}
@media (prefers-reduced-motion:reduce){.shine::before{animation:none !important;transform:translateX(0) skewX(-20deg)}}
/* El degradado se limita al fragmento de letras, también en líneas independientes. */
.hc-l2,.faq-title .l2{width:fit-content;margin-inline:auto}
/* VTurb puede revelar con display:block; contener layout evita colapsos del margen interno. */
#cta-masterclass{contain:layout}

/* Revisión 02-10-2026 · MD 03 §7: en ordenador la descripción conserva la composición aprobada en una línea.
   A 17 px el texto mide ~617 px y el máximo de 600 px la partía antes de «+5.000 $/mes» a 1440 px.
   Se amplía solo el ancho máximo desde 768 px; tamaño, interlineado y salto móvil intactos. */
@media (min-width:768px){ .hero-sub{max-width:640px} }

/* Revisión 02-10-2026 · MD 07 §15: ajuste local de contraste del tema anual (documentado en el informe).
   Medido en navegador: blanco roto sobre el CTA/opción anual = 4,32:1 con la paleta derivada (bajo AA 4,5:1 para 16 px).
   §15 autoriza oscurecer localmente el azul de fondo sin cambiar escala ni tiempo:
   · extremo claro #2364D8 → #1B54C2 (centro de marca #0B5AFA, ángulo y paradas intactos);
   · luz superior anual #C4DDFF70 → #C4DDFF4D (misma posición 35 % 0 % y extensión 66 %).
   Resultado medido: 4,65:1. Durante el pico del destello baja a ~3,7:1 durante décimas de segundo (efecto aprobado). */
#precios[data-plan="annual"]{
  --grad:linear-gradient(110deg,#1B54C2 0%,#0B5AFA 40%,#0844CD 76%,#0737AD 100%);
  --btn-fill:radial-gradient(ellipse at 35% 0%,#C4DDFF4D 0%,transparent 66%),var(--grad);
}
/* Etiqueta PRECIO FUNDADOR en anual: #0B5AFA sobre negro daba 3,68:1 a 12 px; se usa el azul claro de la paleta
   (#91B8FF, ya empleado en la cápsula y el ahorro) → 10:1. Las líneas laterales siguen en el azul de marca. */
#precios[data-plan="annual"] .sec-label{color:var(--plan-label-text)}
