/**
 * EVM Diagnóstico — estilos del embudo de 3 fases.
 * Rediseño v1.4.0: paleta y componentes del mockup de diseño UX
 * (01_landing_cuestionario1_resultado_v3.html): navy/coral/teal/magenta,
 * cuestionario con barra lateral de secciones y barra de acciones FIJA
 * abajo (el botón «Continuar» está siempre en el mismo sitio, sin scroll).
 * Fuentes servidas en local (assets/fonts.css) — nunca Google Fonts (RGPD).
 */

.evm-diag {
	/* Paleta del PDF de diseño UX */
	--evm-navy: #252A52;
	--evm-navy-deep: #1D2144;
	--evm-blue: #4A72C4;
	--evm-royal: #3667E8;
	--evm-royal-50: #E8EEFB;
	--evm-coral: #F8485E;
	--evm-coral-soft: #FDE3E6;
	--evm-teal: #4FBDBA;
	--evm-teal-soft: #A9DCD9;
	--evm-teal-50: #E9F7F6;
	--evm-yellow: #F2AF1D;
	--evm-yellow-soft: #FBE5B3;
	--evm-green: #7DC943;
	--evm-green-soft: #D3EDBC;
	--evm-magenta: #EE2CBE;
	--evm-pink-soft: #FBD9EF;
	--evm-pink-sel: #F8C0EF;
	--evm-lav: #E7EDF9;
	--evm-steel: #A9B9D8;
	--evm-graypurple: #A5A2B2;
	--evm-ink: #1D2130;
	--evm-muted: #8A8F9E;
	--evm-line: #E3E6EE;
	--evm-white: #FFFFFF;
	--evm-radius: 22px;

	font-family: 'Inter', -apple-system, sans-serif;
	color: var(--evm-ink);
	line-height: 1.55;
	font-size: 16px;
}
.evm-diag *, .evm-diag *:before, .evm-diag *:after { box-sizing: border-box; }
.evm-diag h1, .evm-diag h2, .evm-diag h3 { font-family: 'Sora', sans-serif; font-weight: 700; letter-spacing: -0.01em; margin: 0; color: var(--evm-ink); }
.evm-diag p, .evm-diag ul { margin: 0; }
.evm-diag ul { list-style: none; padding: 0; }

.evm-wrap { max-width: 1160px; margin: 0 auto; padding: 0 28px; }
.evm-screen { display: none; }
.evm-screen.active { display: block; }

/* ---------------- Botones ---------------- */
.evm-btn {
	font-family: 'Inter', sans-serif; font-weight: 600; font-size: 15.5px;
	border: none; border-radius: 12px; padding: 16px 30px; cursor: pointer;
	display: inline-block; text-align: center; text-decoration: none; line-height: 1.3;
	transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.evm-btn:hover { transform: translateY(-1px); filter: brightness(1.04); }
.evm-btn-coral { background: var(--evm-coral); color: var(--evm-white); box-shadow: 0 6px 18px rgba(248, 72, 94, .32); }
.evm-btn-coral:hover, .evm-btn-coral:focus { color: var(--evm-white); }
.evm-btn-navy { background: var(--evm-navy); color: var(--evm-white); }
.evm-btn-navy:hover, .evm-btn-navy:focus { color: var(--evm-white); }
.evm-btn-royal { background: var(--evm-royal); color: var(--evm-white); box-shadow: 0 6px 18px rgba(54, 103, 232, .28); }
.evm-btn-royal:hover, .evm-btn-royal:focus { color: var(--evm-white); }
.evm-btn-block { width: 100%; }
.evm-link-back { font-size: 14.5px; font-weight: 600; color: var(--evm-muted); cursor: pointer; background: none; border: none; font-family: 'Inter', sans-serif; padding: 8px 4px; }
.evm-link-back:hover { color: var(--evm-navy); }

/* ---------------- Nav + pie ---------------- */
.evm-nav { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; }
.evm-brand { font-family: 'Sora', sans-serif; font-weight: 700; font-size: 15px; color: var(--evm-navy); letter-spacing: 0.08em; }
.evm-brand span { color: var(--evm-coral); }
.evm-nav-note { font-size: 13px; color: var(--evm-muted); }
.evm-foot { border-top: 1px solid var(--evm-line); margin-top: 40px; padding: 22px 0 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12px; color: #B4B8C4; }
.evm-foot a { color: #9AA0AD; text-decoration: none; }
.evm-foot a:hover { color: var(--evm-muted); }
.evm-foot .evm-foot-links { display: flex; gap: 16px; flex-wrap: wrap; }

/* ---------------- Landing ---------------- */
.evm-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; padding: 64px 0 96px; }
.evm-hero-copy h1 { font-size: 42px; line-height: 1.16; color: var(--evm-blue); margin-bottom: 26px; max-width: 520px; }
.evm-hero-copy .evm-lead { font-size: 17.5px; color: var(--evm-muted); max-width: 520px; margin-bottom: 18px; }
.evm-hero-copy .evm-note { font-size: 13.5px; font-style: italic; color: #9AA0AD; max-width: 480px; margin-bottom: 36px; }
.evm-trust-row { display: flex; gap: 26px; margin-top: 26px; flex-wrap: wrap; }
.evm-trust-item { font-size: 13px; color: var(--evm-muted); display: flex; align-items: center; gap: 8px; }
.evm-tdot { width: 7px; height: 7px; border-radius: 50%; background: var(--evm-teal); flex-shrink: 0; }

.evm-hero-visual { position: relative; padding: 16px 0 40px; }
.evm-hero-card { position: relative; background: var(--evm-navy); border-radius: 34px; padding: 56px 44px 120px; overflow: hidden; box-shadow: 0 24px 60px rgba(37, 42, 82, .28); }
.evm-hero-card .evm-circle-teal { position: absolute; top: -90px; right: -90px; width: 260px; height: 260px; border-radius: 50%; background: var(--evm-teal); }
.evm-hero-card .evm-circle-coral { position: absolute; bottom: -110px; left: -70px; width: 270px; height: 270px; border-radius: 50%; background: #F4525F; }
.evm-hero-card.evm-hero-card-royal .evm-circle-coral { background: var(--evm-royal); }
.evm-hero-card .evm-kicker { position: relative; font-family: 'Sora', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; color: var(--evm-teal); margin-bottom: 34px; }
.evm-hero-card .evm-big { position: relative; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 36px; line-height: 1.28; color: var(--evm-white); margin-bottom: 24px; }
.evm-hero-card .evm-big .evm-accent { color: var(--evm-coral); }
.evm-hero-card.evm-hero-card-royal .evm-big .evm-accent { color: #8FB0F5; }
.evm-hero-card .evm-sub { position: relative; font-size: 16px; color: #D8DCEC; max-width: 400px; }
.evm-chip { position: absolute; display: flex; align-items: center; gap: 10px; background: var(--evm-white); border-radius: 14px; padding: 13px 20px; font-size: 14px; font-weight: 600; color: var(--evm-ink); box-shadow: 0 10px 26px rgba(29, 33, 68, .18); white-space: nowrap; }
.evm-chip .evm-cdot { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }
.evm-chip-1 { top: 66px; right: -14px; }
.evm-chip-2 { bottom: 96px; left: -22px; }
.evm-chip-3 { bottom: 14px; right: -6px; }

/* ---------------- Cuestionario (sidebar + contenido) ---------------- */
#evm-screen-quiz.active { display: flex; min-height: 100vh; align-items: stretch; }
.evm-qsidebar { width: 300px; flex-shrink: 0; background: var(--evm-navy); color: var(--evm-white); display: flex; flex-direction: column; padding: 26px 26px 110px; border-radius: 0 0 0 0; }
.evm-close-x { align-self: flex-end; background: none; border: none; color: var(--evm-white); font-size: 22px; font-weight: 700; cursor: pointer; line-height: 1; padding: 4px 8px; }
.evm-fase-tag { font-family: 'Sora', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: var(--evm-teal); margin-top: 4px; }
.evm-avance { display: flex; justify-content: space-between; align-items: baseline; margin: 20px 0 10px; }
.evm-avance .evm-avance-lbl { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: #C9CEE4; }
.evm-avance .evm-avance-pct { font-family: 'Sora', sans-serif; font-size: 20px; font-weight: 700; color: var(--evm-white); }
.evm-avance-track { height: 8px; border-radius: 100px; background: #3E5A9F; overflow: hidden; margin-bottom: 34px; }
.evm-avance-fill { height: 100%; background: var(--evm-coral); border-radius: 100px; width: 0%; transition: width .3s ease; }
.evm-snav { flex: 1; position: relative; }
.evm-snav:before { content: ""; position: absolute; left: 13px; top: 14px; bottom: 14px; width: 2px; background: #3E5A9F; }
.evm-snav-item { position: relative; display: flex; align-items: center; gap: 14px; padding: 13px 12px 13px 0; font-size: 14px; color: #8F97BE; border-radius: 14px; transition: background .15s; }
.evm-snav-item .evm-marker { position: relative; z-index: 1; width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 700; background: var(--evm-navy); border: 2px solid #3E5A9F; color: #8F97BE; }
.evm-snav-item.done .evm-marker { background: var(--evm-teal); border-color: var(--evm-teal); color: var(--evm-white); }
.evm-snav-item.done { color: #C9CEE4; }
.evm-snav-item.current { background: #3A4070; color: var(--evm-white); padding-left: 10px; margin-left: -10px; }
.evm-snav-item.current .evm-marker { background: var(--evm-coral); border-color: var(--evm-coral); color: var(--evm-white); }

.evm-qmain { flex: 1; display: flex; flex-direction: column; padding: 34px 56px 140px; max-width: 980px; min-width: 0; }
.evm-qtop { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.evm-qtop .evm-qcount { font-size: 14.5px; font-weight: 700; color: var(--evm-muted); }
.evm-qtop .evm-exit { font-size: 14.5px; font-weight: 700; color: var(--evm-blue); background: none; border: none; cursor: pointer; font-family: 'Inter', sans-serif; }
.evm-qline { height: 5px; background: var(--evm-line); border-radius: 100px; overflow: hidden; margin-bottom: 40px; }
.evm-qline-fill { height: 100%; background: var(--evm-coral); width: 0%; transition: width .3s ease; }
.evm-qbody { flex: 1; }
.evm-step { animation: evm-fade .25s ease; }
@keyframes evm-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.evm-cat-badge { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 10px 18px; border-radius: 12px; margin-bottom: 22px; }
.evm-cat-badge .evm-bdot { width: 11px; height: 11px; border-radius: 50%; }
.evm-step h2 { font-size: 27px; line-height: 1.35; color: var(--evm-blue); margin-bottom: 20px; max-width: 760px; }
.evm-clarify { font-size: 13.5px; color: var(--evm-blue); background: var(--evm-lav); border-radius: 12px; padding: 13px 18px; margin-bottom: 12px; max-width: 760px; }
.evm-hint { font-size: 14px; color: var(--evm-muted); margin-bottom: 16px; max-width: 640px; }
.evm-select-lbl { font-size: 14px; color: var(--evm-muted); margin: 22px 0 14px; }
.evm-field { margin: 26px 0 8px; max-width: 560px; }
.evm-field input[type=text], .evm-field input[type=email], .evm-field input[type=url] {
	width: 100%; padding: 15px 18px; border: 1.5px solid var(--evm-line); border-radius: 12px;
	font-size: 15.5px; font-family: 'Inter', sans-serif; color: var(--evm-ink); background: var(--evm-white);
}
.evm-field input:focus { outline: none; border-color: var(--evm-blue); box-shadow: none; }

.evm-options { display: grid; gap: 12px; max-width: 760px; }
.evm-options.cols-2 { grid-template-columns: 1fr 1fr; }
.evm-options.cards-3 { grid-template-columns: repeat(3, 1fr); gap: 20px; }
.evm-opt {
	border: 1.5px solid var(--evm-line); border-radius: 14px; padding: 15px 18px; cursor: pointer;
	font-size: 14.5px; font-weight: 500; display: flex; align-items: center; gap: 11px;
	transition: border-color .12s, background .12s, box-shadow .12s; background: var(--evm-white); color: var(--evm-ink);
}
.evm-opt:hover { border-color: var(--evm-teal); }
.evm-opt .evm-ctrl { width: 17px; height: 17px; border: 2px solid #C6CAD6; flex-shrink: 0; position: relative; background: var(--evm-white); }
.evm-opt .evm-ctrl-radio { border-radius: 50%; }
.evm-opt .evm-ctrl-check { border-radius: 5px; }
.evm-opt.selected { border-color: var(--evm-magenta); background: var(--evm-pink-sel); }
.evm-opt.selected .evm-ctrl { border-color: var(--evm-magenta); background: var(--evm-magenta); }
.evm-opt.selected .evm-ctrl:after { content: ""; position: absolute; }
.evm-opt.selected .evm-ctrl-radio:after { inset: 3px; border-radius: 50%; background: var(--evm-white); }
.evm-opt.selected .evm-ctrl-check:after { left: 4px; top: 0px; width: 4px; height: 9px; border: solid var(--evm-white); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.evm-opt.evm-bigcard { justify-content: center; text-align: center; padding: 40px 18px; font-family: 'Sora', sans-serif; font-size: 18px; font-weight: 700; color: var(--evm-ink); border-radius: 18px; }
.evm-opt.evm-bigcard .evm-ctrl { display: none; }
.evm-opt.evm-bigcard.selected { box-shadow: 0 8px 20px rgba(238, 44, 190, .16); }

/* Consentimiento RGPD (casilla SIN marcar por defecto) */
.evm-consent { display: flex; gap: 12px; align-items: flex-start; font-size: 13.5px; color: var(--evm-ink); margin: 20px 0 12px; max-width: 640px; cursor: pointer; }
.evm-consent input { margin-top: 3px; width: 17px; height: 17px; flex-shrink: 0; accent-color: var(--evm-magenta); cursor: pointer; }
.evm-consent a { color: var(--evm-blue); font-weight: 600; }
.evm-privacy-note { font-size: 12px; color: var(--evm-muted); background: var(--evm-lav); border-radius: 10px; padding: 11px 14px; max-width: 640px; margin-top: 8px; }

/* Barra de acciones FIJA: el botón «Continuar» está siempre en el mismo
   sitio de la pantalla, sin depender del alto de la pregunta ni del scroll. */
.evm-qactions {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
	background: var(--evm-white); border-top: 1px solid var(--evm-line);
	box-shadow: 0 -8px 24px rgba(29, 33, 68, .07); padding: 14px 28px;
}
.evm-qactions-inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.evm-qactions .evm-error { display: none; font-size: 13.5px; font-weight: 600; color: var(--evm-coral); text-align: right; }
.evm-qactions .evm-error.visible { display: block; }
.evm-qactions-right { display: flex; align-items: center; gap: 18px; margin-left: auto; }

/* Honeypot anti-spam: fuera de pantalla para humanos. */
.evm-hp { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }

/* ---------------- Resultado (Fase 1) ---------------- */
.evm-rwrap { padding: 40px 0 90px; }
.evm-rhead { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
.evm-rhead h1 { font-size: 32px; color: var(--evm-blue); }
.evm-rhead h1 .evm-lvl { color: var(--evm-coral); }
.evm-dl-link { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--evm-blue); background: none; border: none; cursor: pointer; font-family: 'Inter', sans-serif; text-align: left; }
.evm-analysis-banner { background: var(--evm-lav); border-radius: 14px; padding: 20px 24px; font-size: 15px; color: var(--evm-blue); margin-bottom: 34px; }
.evm-rgrid { display: grid; grid-template-columns: 340px 1fr; gap: 28px; align-items: start; margin-bottom: 34px; }
.evm-rcard { background: var(--evm-white); border: 1.5px solid var(--evm-line); border-radius: var(--evm-radius); box-shadow: 0 10px 30px rgba(29, 33, 68, .06); }
.evm-summary-card { padding: 26px; }
.evm-summary-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.evm-summary-top .evm-sttl { font-size: 16px; color: var(--evm-muted); font-weight: 500; }
.evm-prio-pill { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; color: var(--evm-coral); background: var(--evm-coral-soft); padding: 5px 12px; border-radius: 100px; }
.evm-gauge { width: 210px; height: 210px; margin: 0 auto 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; background: conic-gradient(var(--evm-yellow) 0% 55%, var(--evm-yellow-soft) 55% 100%); }
.evm-gauge .evm-gauge-inner { width: 158px; height: 158px; border-radius: 50%; background: var(--evm-white); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.evm-gauge .evm-gwarn { line-height: 1; display: flex; color: var(--evm-yellow); }
.evm-gauge .evm-glvl { font-family: 'Sora', sans-serif; font-size: 27px; font-weight: 700; }
.evm-gauge .evm-gsub { font-size: 14px; color: var(--evm-blue); font-weight: 600; }
.evm-stat-badges { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.evm-stat { display: flex; align-items: center; gap: 10px; border-radius: 14px; padding: 13px 14px; font-size: 12.5px; font-weight: 700; color: var(--evm-ink); line-height: 1.3; }
.evm-stat .evm-num { width: 30px; height: 30px; border-radius: 50%; color: var(--evm-white); font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.evm-stat.s1 { background: var(--evm-teal-50); }
.evm-stat.s1 .evm-num { background: var(--evm-teal); }
.evm-stat.s2 { background: var(--evm-royal-50); }
.evm-stat.s2 .evm-num { background: var(--evm-blue); }
.evm-stat.s3 { background: #EFEFF3; grid-column: 1 / -1; }
.evm-stat.s3 .evm-num { background: var(--evm-navy); }

.evm-prior-card { padding: 28px 28px 22px; }
.evm-prior-card h3 { font-size: 21px; color: var(--evm-ink); margin-bottom: 20px; }
.evm-acc { border-radius: 12px; margin-bottom: 14px; overflow: hidden; box-shadow: 0 4px 10px rgba(29, 33, 68, .10); }
.evm-acc-head { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; cursor: pointer; font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 600; color: var(--evm-ink); user-select: none; }
.evm-acc-head .evm-chev { transition: transform .2s ease; font-size: 14px; }
.evm-acc.open .evm-acc-head .evm-chev { transform: rotate(180deg); }
.evm-acc.c1 .evm-acc-head { background: var(--evm-teal-soft); }
.evm-acc.c2 .evm-acc-head { background: var(--evm-steel); }
.evm-acc.c3 .evm-acc-head { background: var(--evm-graypurple); }
.evm-acc-body { display: none; background: var(--evm-white); border: 1.5px solid var(--evm-line); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 22px; }
.evm-acc.open .evm-acc-body { display: block; }
.evm-acc-body .evm-grp-title { font-size: 13.5px; font-weight: 700; margin-bottom: 10px; }
.evm-acc-body li { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: #4A4F60; padding: 5px 0; }
.evm-acc-body li .evm-ldot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: 6px; }

.evm-dl-card { border: 1.5px solid var(--evm-line); border-radius: var(--evm-radius); padding: 32px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(29, 33, 68, .06); background: var(--evm-white); }
.evm-dl-card h2 { font-size: 26px; font-weight: 600; color: var(--evm-ink); margin-bottom: 8px; }
.evm-dl-card .evm-dlsub { font-size: 15px; color: var(--evm-muted); margin-bottom: 24px; }
.evm-dl-inner { background: var(--evm-lav); border-radius: 18px; padding: 26px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.evm-dl-inner .evm-dlrow { display: flex; align-items: center; gap: 16px; }
.evm-dl-ico { width: 46px; height: 46px; border-radius: 50%; background: #C4CFEC; color: var(--evm-navy); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 19px; }
.evm-dl-inner .evm-dlt1 { font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 700; color: var(--evm-blue); }
.evm-dl-inner .evm-dlt2 { font-size: 13px; color: var(--evm-muted); }
.evm-dl-btncol { min-width: 260px; }
.evm-secure { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--evm-muted); justify-content: center; margin-top: 10px; }

.evm-fase2-banner { background: var(--evm-navy); border-radius: var(--evm-radius); padding: 30px 36px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; box-shadow: 0 14px 34px rgba(37, 42, 82, .24); margin-bottom: 26px; }
.evm-fase2-banner .evm-f2t1 { font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 600; color: var(--evm-white); max-width: 280px; margin-bottom: 6px; }
.evm-fase2-banner .evm-f2t2 { font-size: 12.5px; color: #AEB4D2; }
.evm-price-chip { display: inline-block; font-size: 12px; font-weight: 700; color: var(--evm-navy); background: var(--evm-white); border-radius: 100px; padding: 4px 12px; margin-top: 10px; }
.evm-stepper { display: flex; align-items: center; }
.evm-stepper .evm-snode { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.evm-stepper .evm-sball { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--evm-white); }
.evm-stepper .evm-sball.done { background: var(--evm-teal); }
.evm-stepper .evm-sball.now { background: var(--evm-coral); }
.evm-stepper .evm-sball.locked { background: var(--evm-navy); border: 2px solid #4B5185; }
.evm-stepper .evm-slbl { font-size: 13px; color: #8F97BE; font-weight: 600; }
.evm-stepper .evm-slbl.now { color: var(--evm-white); font-weight: 700; }
.evm-stepper .evm-sline { width: 64px; height: 3px; background: #4B5185; margin: 0 6px 26px; }

.evm-f3-banner { border: 2px solid var(--evm-royal); border-radius: var(--evm-radius); padding: 26px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; box-shadow: 0 14px 36px rgba(54, 103, 232, .12); background: var(--evm-white); }
.evm-f3-banner .evm-f3t1 { font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 700; color: var(--evm-royal); margin-bottom: 6px; }
.evm-f3-banner .evm-f3t2 { font-size: 13px; color: var(--evm-muted); max-width: 420px; }
.evm-f3-banner .evm-f3price { font-family: 'Sora', sans-serif; font-size: 20px; font-weight: 700; color: var(--evm-royal); white-space: nowrap; }
.evm-f3-banner .evm-f3price small { display: block; font-size: 11.5px; font-weight: 500; font-style: italic; color: var(--evm-muted); }

/* ---------------- Gracias (Fase 2/3) ---------------- */
.evm-thanks { background: var(--evm-navy); border-radius: 34px; padding: 56px 44px; position: relative; overflow: hidden; box-shadow: 0 24px 60px rgba(37, 42, 82, .28); max-width: 720px; margin: 30px auto 60px; }
.evm-thanks:before { content: ""; position: absolute; top: -90px; right: -90px; width: 240px; height: 240px; border-radius: 50%; background: var(--evm-teal); }
.evm-thanks h2 { position: relative; font-size: 28px; color: var(--evm-white); margin-bottom: 16px; max-width: 460px; }
.evm-thanks p { position: relative; font-size: 15.5px; color: #D8DCEC; max-width: 520px; margin-bottom: 10px; }
.evm-thanks strong { color: var(--evm-white); }
.evm-thanks .evm-thanks-note { font-size: 13px; color: #AEB4D2; font-style: italic; }

/* ---------------- Responsive ---------------- */
@media (max-width: 960px) {
	.evm-hero { grid-template-columns: 1fr; gap: 44px; padding: 40px 0 72px; }
	.evm-hero-copy h1 { font-size: 32px; }
	.evm-chip-1 { right: 6px; }
	.evm-chip-2 { left: -4px; }
	.evm-chip-3 { right: 2px; }
	.evm-rgrid { grid-template-columns: 1fr; }
	.evm-rhead h1 { font-size: 25px; }
	.evm-fase2-banner { justify-content: center; text-align: center; }
}
@media (max-width: 900px) {
	#evm-screen-quiz.active { flex-direction: column; }
	.evm-qsidebar { width: 100%; padding: 16px 22px 18px; }
	.evm-snav { display: flex; overflow-x: auto; gap: 4px; }
	.evm-snav:before { display: none; }
	.evm-snav-item { flex-direction: column; gap: 6px; font-size: 11px; text-align: center; min-width: 86px; padding: 8px 4px; }
	.evm-snav-item.current { margin-left: 0; padding-left: 4px; }
	.evm-avance-track { margin-bottom: 14px; }
	.evm-qmain { padding: 26px 22px 150px; }
	.evm-options.cards-3 { grid-template-columns: 1fr; }
	.evm-options.cols-2 { grid-template-columns: 1fr; }
	.evm-opt.evm-bigcard { padding: 22px 18px; }
	.evm-step h2 { font-size: 22px; }
	.evm-qactions { padding: 12px 18px; }
	.evm-qactions .evm-btn { padding: 14px 22px; font-size: 14.5px; }
}

/* ---------------- Impresión ---------------- */
@media print {
	.evm-no-print, .evm-qactions { display: none !important; }
	.evm-screen { display: none !important; }
	.evm-screen.active { display: block !important; }
}