/*
 * NGC Asesoría — Maquetación editorial alineada con el theme NewGearCars.
 * REUTILIZA variables y clases del theme (--ngc-*, .ngc-single-title,
 * .ngc-single-cat, .ngc-section-title, .ngc-card, .ngc-404-btn).
 * Sin fondos fijos: el blanco/negro lo pone el theme (el modo oscuro funciona
 * solo). Todo centrado, con aire y ritmo vertical consistente.
 *
 * Nota de especificidad: los selectores van prefijados con `.ngc-asesoria`
 * para ganar a las reglas del contenido del theme (.ngc-single-content p / a).
 */

/* --------------------------------------------------------------------------
   TIPOGRAFÍA — Alinea el cuerpo con el resto del sitio.
   La variable --ngc-font-body del theme está desactualizada ('Outfit'),
   pero el sitio real usa Inter (lo fuerza el plugin NGC Design Boost en el
   body). Redefinimos la variable SOLO en nuestro ámbito para que todos los
   textos de cuerpo hereden Inter. Los títulos siguen en --ngc-font-display
   (Barlow Condensed), que sí coincide con el theme.
   -------------------------------------------------------------------------- */
.ngc-asesoria {
	--ngc-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* El resto del sitio (home incluida) usa Inter también en los TÍTULOS.
   Pero NGC Design Boost fuerza Barlow Condensed con !important en los
   h1/h2/h3 dentro de .single-content, dejando los títulos de asesoría
   distintos al resto de la web. Forzamos Inter en todos nuestros titulares
   y elementos display para que la página sea homogénea con el sitio. */
.ngc-asesoria .ngc-section-title,
.ngc-asesoria .ngc-card-title,
.ngc-asesoria .ngc-single-title,
.ngc-asesoria .ngc-asesoria-hero-title,
.ngc-asesoria .ngc-asesoria-eyebrow,
.ngc-asesoria .ngc-single-cat,
.ngc-asesoria .ngc-tema-summary,
.ngc-asesoria .ngc-precio-valor,
.ngc-asesoria .ngc-precio-plan,
.ngc-asesoria .ngc-asesoria-paso-num,
.ngc-asesoria .ngc-asesoria-cifra-valor,
.ngc-asesoria .ngc-asesoria-cta-title,
.ngc-asesoria .ngc-oferta-titulo,
.ngc-asesoria .ngc-oferta-precio,
.ngc-asesoria .ngc-oferta-badge {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* NGC Design Boost mete `margin-top: calc(--ngc-block-spacing * 1.4)` (≈56px)
   a los h2/h3 del contenido, lo que separaba el número de su título en los
   pasos (y el icono del título en los pilares). Lo anulamos en nuestros
   encabezados para controlar el espaciado nosotros. */
.ngc-asesoria .ngc-card-title,
.ngc-asesoria .ngc-section-title,
.ngc-asesoria .ngc-asesoria-hero-title,
.ngc-asesoria .ngc-asesoria-cta-title,
.ngc-asesoria .ngc-tema-summary,
.ngc-asesoria .ngc-oferta-titulo {
	margin-top: 0 !important;
}

/* El TÍTULO de la página ("Asesoría") lo pinta el theme (page.php) FUERA de
   nuestro wrapper, y Design Boost lo fuerza a Barlow Condensed y a un tamaño
   mayor (42px) que el resto de páginas. Lo igualamos a Inter y al mismo tamaño
   que los títulos de archivo (.ngc-archive-title, p. ej. «Marcas»: 36px).
   Este selector no va scopeado a propósito; es seguro porque esta hoja solo
   se carga en páginas que usan nuestros shortcodes (la de asesoría). */
.ngc-single-title,
.ngc-single-header .ngc-single-title {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: clamp(24px, 4vw, 36px) !important;
}

/* --------------------------------------------------------------------------
   CONTENEDOR — Columna editorial centrada con aire a los lados.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-asesoria-container {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

/* Neutraliza los paddings basados en viewport del theme dentro de este ámbito. */
.ngc-asesoria .ngc-grid,
.ngc-asesoria .ngc-section-header {
	padding-left: 0;
	padding-right: 0;
}

/* Cabecera de sección: centrada (línea editorial). */
.ngc-asesoria .ngc-section-header {
	text-align: center;
	margin-bottom: 20px;
}

/* Ritmo vertical entre bloques.
   El !important del margen anula el espaciado de 40px que el plugin
   NGC Design Boost añade a todos los hijos de .single-content. */
.ngc-asesoria.ngc-asesoria-block,
.ngc-asesoria.ngc-asesoria-hero {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ngc-asesoria.ngc-asesoria-block {
	padding-top: 24px;
	padding-bottom: 24px;
}

/* Botones del plugin: el texto SIEMPRE blanco, también en hover/focus.
   Gana a las reglas inline !important de NGC Design Boost:
   `.single-content a { color:#C8102E !important }` y
   `.single-content a:hover { color:#A00D24 !important }`. */
.ngc-asesoria .ngc-404-btn,
.ngc-asesoria a.ngc-404-btn,
.ngc-asesoria .ngc-asesoria-btn,
.ngc-asesoria .ngc-404-btn:hover,
.ngc-asesoria .ngc-404-btn:focus,
.ngc-asesoria a.ngc-404-btn:hover,
.ngc-asesoria a.ngc-404-btn:focus,
.ngc-asesoria .ngc-asesoria-btn:hover,
.ngc-asesoria .ngc-asesoria-btn:focus {
	color: var(--ngc-white) !important;
	text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   HERO — Editorial blanco, centrado. Reutiliza .ngc-single-cat / -title.
   -------------------------------------------------------------------------- */
.ngc-asesoria.ngc-asesoria-hero {
	padding-top: 88px;
	padding-bottom: 28px;
	text-align: center;
	position: relative;
}

.ngc-asesoria.ngc-asesoria-hero .ngc-asesoria-hero-inner {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.ngc-asesoria.ngc-asesoria-hero .ngc-asesoria-eyebrow {
	margin-bottom: 18px;
}

.ngc-asesoria.ngc-asesoria-hero .ngc-asesoria-hero-title {
	margin-bottom: 22px;
	text-wrap: balance;
}

.ngc-asesoria .ngc-asesoria-hero-sub {
	font-family: var(--ngc-font-body);
	font-size: clamp(16px, 1.7vw, 19px);
	line-height: 1.7;
	color: #555;
	max-width: 600px;
	margin: 0 auto;
	text-wrap: pretty;
}

.ngc-asesoria .ngc-asesoria-btn {
	margin-top: 30px;
	color: var(--ngc-white);
	text-decoration: none;
}

/* Variante con imagen de fondo (opcional): overlay oscuro + texto blanco. */
.ngc-asesoria.ngc-asesoria-hero.has-image {
	padding-top: 140px;
	padding-bottom: 120px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.ngc-asesoria.ngc-asesoria-hero.has-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(10, 10, 10, 0.55);
}

.ngc-asesoria.ngc-asesoria-hero.has-image .ngc-asesoria-container {
	position: relative;
	z-index: 1;
}

.ngc-asesoria.ngc-asesoria-hero.has-image .ngc-asesoria-hero-title {
	color: var(--ngc-white);
}

.ngc-asesoria.ngc-asesoria-hero.has-image .ngc-asesoria-hero-sub {
	color: rgba(255, 255, 255, 0.85);
}

/* --------------------------------------------------------------------------
   PILARES — 2×2 equilibrado, tarjetas centradas, icono en círculo.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-grid.ngc-asesoria-pilares {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 48px;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.ngc-asesoria .ngc-asesoria-pilar {
	text-align: center;
	align-items: center;
	padding: 24px 12px;
}

.ngc-asesoria .ngc-asesoria-pilar-icon {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	border: 1px solid #ECECEC;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ngc-red);
	margin: 0 auto 20px;
}

.ngc-asesoria .ngc-asesoria-pilar-icon svg {
	width: 28px;
	height: 28px;
}

.ngc-asesoria .ngc-asesoria-pilar .ngc-card-title {
	margin-bottom: 10px;
}

.ngc-asesoria .ngc-asesoria-pilar-desc {
	font-family: var(--ngc-font-body);
	font-size: 15px;
	line-height: 1.65;
	color: #666;
	max-width: 260px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------
   AHORRO — 3 cifras grandes en rojo de marca, centradas.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-asesoria-ahorro-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	text-align: center;
}

.ngc-asesoria .ngc-asesoria-cifra-valor {
	font-family: var(--ngc-font-display);
	font-weight: 800;
	font-size: clamp(40px, 5vw, 58px);
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--ngc-red);
}

.ngc-asesoria .ngc-asesoria-cifra-label {
	font-family: var(--ngc-font-body);
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	max-width: 200px;
	margin: 12px auto 0;
}

/* --------------------------------------------------------------------------
   PASOS — 3 columnas, número grande en rojo, centrado.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-grid.ngc-asesoria-pasos {
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.ngc-asesoria .ngc-asesoria-paso {
	text-align: center;
	align-items: center;
}

.ngc-asesoria .ngc-asesoria-paso-num {
	display: block;
	font-family: var(--ngc-font-display);
	font-weight: 800;
	font-size: 44px;
	line-height: 1;
	color: var(--ngc-red);
	margin-bottom: 14px;
}

.ngc-asesoria .ngc-asesoria-paso .ngc-card-title {
	margin-bottom: 8px;
}

.ngc-asesoria .ngc-asesoria-paso-text {
	font-family: var(--ngc-font-body);
	font-size: 15px;
	line-height: 1.65;
	color: #666;
	max-width: 240px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------
   CTA HOME — Banda centrada con titular + botón sólido del theme.
   -------------------------------------------------------------------------- */
.ngc-asesoria.ngc-asesoria-cta-band {
	padding-top: 72px;
	padding-bottom: 72px;
	text-align: center;
}

.ngc-asesoria .ngc-asesoria-cta-title {
	font-family: var(--ngc-font-display);
	font-weight: 800;
	font-size: clamp(24px, 3.2vw, 38px);
	line-height: 1.12;
	letter-spacing: -0.01em;
	color: #1A1A1A;
	max-width: 620px;
	margin: 0 auto 28px;
	text-wrap: balance;
}

.ngc-asesoria.ngc-asesoria-cta-band .ngc-404-btn {
	color: var(--ngc-white);
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   RESPONSIVE — Breakpoints del theme (960 / 600).
   -------------------------------------------------------------------------- */
@media screen and (max-width: 960px) {
	.ngc-asesoria.ngc-asesoria-block {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ngc-asesoria.ngc-asesoria-hero {
		padding-top: 76px;
		padding-bottom: 24px;
	}
}

@media screen and (max-width: 600px) {
	.ngc-asesoria .ngc-grid.ngc-asesoria-pilares {
		grid-template-columns: 1fr;
		gap: 8px;
		max-width: 360px;
	}
	.ngc-asesoria .ngc-grid.ngc-asesoria-pasos,
	.ngc-asesoria .ngc-asesoria-ahorro-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.ngc-asesoria.ngc-asesoria-hero {
		padding-top: 76px;
		padding-bottom: 56px;
	}
}

/* --------------------------------------------------------------------------
   MODO OSCURO — Compatible con la clase .ngc-dark del theme.
   (Los titulares ya los gestiona el theme; aquí solo los textos auxiliares.)
   -------------------------------------------------------------------------- */
.ngc-dark .ngc-asesoria .ngc-asesoria-hero-sub,
.ngc-dark .ngc-asesoria .ngc-asesoria-pilar-desc,
.ngc-dark .ngc-asesoria .ngc-asesoria-paso-text,
.ngc-dark .ngc-asesoria .ngc-asesoria-cifra-label {
	color: #A0A0A0;
}

.ngc-dark .ngc-asesoria .ngc-asesoria-cta-title {
	color: #DDD;
}

.ngc-dark .ngc-asesoria .ngc-asesoria-pilar-icon {
	border-color: #2A2A2A;
}

/* --------------------------------------------------------------------------
   CUESTIONARIO — Formulario de diagnóstico (estilo de inputs del theme).
   -------------------------------------------------------------------------- */
/* Compensa el header fijo del theme al saltar al ancla #cuestionario. */
.ngc-asesoria.ngc-asesoria-form {
	scroll-margin-top: 90px;
}

/* --------------------------------------------------------------------------
   CUESTIONARIO — Temas en acordeón (desplegables) con casillas.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-temas {
	max-width: 640px;
	margin: 0 auto 26px;
}

.ngc-asesoria .ngc-temas-intro {
	font-family: var(--ngc-font-body);
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 14px;
}

.ngc-asesoria .ngc-tema {
	border: 1px solid #E6E6E6;
	border-radius: var(--ngc-radius);
	background: #fff;
	margin-bottom: 12px;
	overflow: hidden;
}

.ngc-asesoria .ngc-tema-summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	font-family: var(--ngc-font-display);
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #1A1A1A;
	transition: background 0.2s ease;
}

.ngc-asesoria .ngc-tema-summary::-webkit-details-marker {
	display: none;
}

.ngc-asesoria .ngc-tema-summary:hover {
	background: #FAFAFA;
}

.ngc-asesoria .ngc-tema-name {
	flex: 1;
}

.ngc-asesoria .ngc-tema-count {
	display: none;
	font-family: var(--ngc-font-body);
	font-weight: 700;
	font-size: 12px;
	color: var(--ngc-white);
	background: var(--ngc-red);
	border-radius: 20px;
	padding: 2px 9px;
	line-height: 1.4;
}

.ngc-asesoria .ngc-tema-count.has {
	display: inline-block;
}

.ngc-asesoria .ngc-tema-icon {
	display: flex;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--ngc-red);
	transition: transform 0.25s ease;
}

.ngc-asesoria .ngc-tema-icon svg {
	width: 16px;
	height: 16px;
}

.ngc-asesoria .ngc-tema[open] .ngc-tema-icon {
	transform: rotate(180deg);
}

.ngc-asesoria .ngc-tema-body {
	display: grid;
	gap: 12px;
	padding: 4px 18px 18px;
}

.ngc-asesoria .ngc-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	font-family: var(--ngc-font-body);
	font-size: 15px;
	line-height: 1.4;
	color: #333;
}

.ngc-asesoria .ngc-check input {
	margin-top: 2px;
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	accent-color: var(--ngc-red);
}

/* --------------------------------------------------------------------------
   PRECIOS / SUSCRIPCIÓN.
   -------------------------------------------------------------------------- */
.ngc-asesoria .ngc-precios-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	max-width: 720px;
	margin: 0 auto;
}

.ngc-asesoria .ngc-precio-card {
	border: 1px solid #E6E6E6;
	border-radius: var(--ngc-radius);
	background: #fff;
	padding: 34px 28px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.ngc-asesoria .ngc-precio-card.featured {
	border-color: var(--ngc-red);
	border-width: 2px;
}

.ngc-asesoria .ngc-precio-plan {
	font-family: var(--ngc-font-display);
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--ngc-red);
}

.ngc-asesoria .ngc-precio-valor {
	font-family: var(--ngc-font-display);
	font-weight: 800;
	font-size: clamp(36px, 5vw, 52px);
	line-height: 1;
	color: #1A1A1A;
}

.ngc-asesoria .ngc-precio-valor span {
	font-family: var(--ngc-font-body);
	font-size: 15px;
	font-weight: 500;
	color: #888;
	margin-left: 4px;
}

.ngc-asesoria .ngc-precios-nota {
	font-family: var(--ngc-font-body);
	font-size: 13px;
	color: #888;
	text-align: center;
	margin-top: 22px;
}

@media screen and (max-width: 600px) {
	.ngc-asesoria .ngc-precios-grid {
		grid-template-columns: 1fr;
	}
}

/* Modo oscuro para temas y precios. */
.ngc-dark .ngc-asesoria .ngc-tema,
.ngc-dark .ngc-asesoria .ngc-precio-card {
	background: #151515;
	border-color: #2A2A2A;
}

.ngc-dark .ngc-asesoria .ngc-tema-summary {
	color: #DDD;
}

.ngc-dark .ngc-asesoria .ngc-tema-summary:hover {
	background: #1A1A1A;
}

.ngc-dark .ngc-asesoria .ngc-temas-intro,
.ngc-dark .ngc-asesoria .ngc-check {
	color: #BBB;
}

.ngc-dark .ngc-asesoria .ngc-precio-valor {
	color: #DDD;
}

.ngc-asesoria .ngc-asesoria-form-inner {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.ngc-asesoria .ngc-asesoria-form-intro {
	font-family: var(--ngc-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: #555;
	text-align: center;
	max-width: 560px;
	margin: 0 auto 36px;
}

.ngc-asesoria .ngc-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.ngc-asesoria .ngc-form-row.full {
	grid-column: 1 / -1;
}

.ngc-asesoria .ngc-form-field {
	display: flex;
	flex-direction: column;
	text-align: left;
}

.ngc-asesoria .ngc-form-field label {
	font-family: var(--ngc-font-body);
	font-size: 13px;
	font-weight: 600;
	color: #333;
	margin-bottom: 6px;
}

.ngc-asesoria .ngc-form-field input,
.ngc-asesoria .ngc-form-field select,
.ngc-asesoria .ngc-form-field textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #E0E0E0;
	border-radius: var(--ngc-radius);
	font-family: var(--ngc-font-body);
	font-size: 15px;
	color: #1A1A1A;
	background: #FAFAFA;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ngc-asesoria .ngc-form-field input:focus,
.ngc-asesoria .ngc-form-field select:focus,
.ngc-asesoria .ngc-form-field textarea:focus {
	outline: none;
	border-color: var(--ngc-red);
	box-shadow: 0 0 0 3px rgba(225, 6, 0, 0.08);
	background: #fff;
}

.ngc-asesoria .ngc-form-field textarea {
	min-height: 120px;
	resize: vertical;
}

.ngc-asesoria .ngc-form-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 18px 0 0;
	text-align: left;
}

.ngc-asesoria .ngc-form-consent input {
	margin-top: 3px;
	flex-shrink: 0;
}

.ngc-asesoria .ngc-form-consent label {
	font-family: var(--ngc-font-body);
	font-size: 13px;
	line-height: 1.5;
	color: #666;
}

.ngc-asesoria .ngc-form-consent a {
	color: var(--ngc-red);
	text-decoration: underline;
}

.ngc-asesoria .ngc-form-submit {
	text-align: center;
	margin-top: 26px;
}

.ngc-asesoria .ngc-form-submit .ngc-404-btn {
	color: var(--ngc-white);
	text-decoration: none;
	border: none;
	cursor: pointer;
}

/* Honeypot oculto. */
.ngc-asesoria .ngc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Mensajes de estado tras el envío. */
.ngc-asesoria .ngc-form-message {
	max-width: 560px;
	margin: 0 auto;
	padding: 16px 20px;
	border-radius: var(--ngc-radius);
	font-family: var(--ngc-font-body);
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
}

.ngc-asesoria .ngc-form-message.ok {
	background: #F4FBF4;
	border: 1px solid #CDEAD0;
	color: #1E6B2A;
}

.ngc-asesoria .ngc-form-message.error {
	background: #FDF3F2;
	border: 1px solid #F3CDC9;
	color: #B02318;
}

@media screen and (max-width: 600px) {
	.ngc-asesoria .ngc-form-grid {
		grid-template-columns: 1fr;
	}
}

/* Modo oscuro del formulario. */
.ngc-dark .ngc-asesoria .ngc-asesoria-form-intro,
.ngc-dark .ngc-asesoria .ngc-form-field label,
.ngc-dark .ngc-asesoria .ngc-form-consent label {
	color: #BBB;
}

.ngc-dark .ngc-asesoria .ngc-form-field input,
.ngc-dark .ngc-asesoria .ngc-form-field select,
.ngc-dark .ngc-asesoria .ngc-form-field textarea {
	background: #151515;
	border-color: #2A2A2A;
	color: #DDD;
}

.ngc-dark .ngc-asesoria .ngc-form-field input:focus,
.ngc-dark .ngc-asesoria .ngc-form-field select:focus,
.ngc-dark .ngc-asesoria .ngc-form-field textarea:focus {
	background: #1A1A1A;
	border-color: var(--ngc-red);
}

/* --------------------------------------------------------------------------
   OFERTA DESTACADA — Gancho, la primera de la landing.
   Llamativa con el rojo de marca, pero limpia y editorial (blanco + Inter).
   Sin gradientes ni emojis: borde rojo, badge rojo y precio grande.
   -------------------------------------------------------------------------- */
.ngc-asesoria.ngc-asesoria-oferta {
	padding-top: 26px;
	padding-bottom: 6px;
}

/* La oferta va sobre el hero: reducimos el aire superior del hero. */
.ngc-asesoria.ngc-asesoria-oferta + .ngc-asesoria.ngc-asesoria-hero {
	padding-top: 28px;
}

.ngc-asesoria .ngc-oferta-card {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	background: var(--ngc-white);
	border: 2px solid var(--ngc-red);
	border-radius: var(--ngc-radius);
	padding: 30px 28px;
}

.ngc-asesoria .ngc-oferta-badge {
	display: inline-block;
	background: var(--ngc-red);
	color: var(--ngc-white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 6px 14px;
	border-radius: 100px;
	margin-bottom: 18px;
}

.ngc-asesoria .ngc-oferta-titulo {
	font-size: clamp(19px, 2.6vw, 26px);
	font-weight: 700;
	line-height: 1.2;
	color: #1A1A1A;
	max-width: 540px;
	margin: 0 auto 16px;
}

.ngc-asesoria .ngc-oferta-precio {
	font-weight: 800;
	font-size: clamp(46px, 6.5vw, 64px);
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--ngc-red);
	margin-bottom: 14px;
}

.ngc-asesoria .ngc-oferta-precio-nota {
	display: block;
	font-family: var(--ngc-font-body);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #888;
	margin-top: 8px;
}

.ngc-asesoria .ngc-oferta-desc {
	font-family: var(--ngc-font-body);
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	max-width: 470px;
	margin: 0 auto 22px;
}

.ngc-asesoria .ngc-oferta-btn {
	margin-top: 2px;
}

/* Modo oscuro de la oferta. */
.ngc-dark .ngc-asesoria .ngc-oferta-card {
	background: #151515;
}

.ngc-dark .ngc-asesoria .ngc-oferta-titulo {
	color: #EEE;
}

.ngc-dark .ngc-asesoria .ngc-oferta-desc,
.ngc-dark .ngc-asesoria .ngc-oferta-precio-nota {
	color: #A0A0A0;
}