/* Vitamina · Sistema limpio para nuevas páginas internas. */

body:has(.is-style-vitamina-clean-hero) .entry-header {
	display: none !important;
}

.wp-block-group.is-style-vitamina-clean-section {
	margin-block-start: 0;
	padding: var(--vitamina-astra-space-4xl) var(--vitamina-astra-space-l);
}

.wp-block-group.is-style-vitamina-clean-section > .wp-block-columns,
.wp-block-group.is-style-vitamina-clean-section > .wp-block-group,
.wp-block-group.is-style-vitamina-clean-hero > .wp-block-columns {
	width: min(100%, var(--vitamina-astra-content-width));
	margin-inline: auto;
}

.wp-block-group.is-style-vitamina-clean-hero {
	position: relative;
	margin-block-start: 0;
	padding: var(--vitamina-astra-space-2xl) var(--vitamina-astra-space-l) var(--vitamina-astra-space-4xl);
	overflow: hidden;
}

.wp-block-group.is-style-vitamina-clean-hero > .wp-block-columns {
	align-items: center;
}

.wp-block-group.is-style-vitamina-clean-hero .wp-block-heading {
	max-width: 16ch;
}

.wp-block-group.is-style-vitamina-clean-hero .wp-block-group.is-style-vitamina-card-glass {
	padding: var(--vitamina-astra-space-l);
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-white,
.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-service,
.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-resource,
.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-glass,
.wp-block-group.is-style-vitamina-clean-split-case {
	padding: var(--vitamina-astra-space-xl);
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-case {
	padding: 0 0 var(--vitamina-astra-space-xl);
	overflow: hidden;
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-case > .wp-block-image:first-child {
	width: 100%;
	margin-block-start: 0;
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-case > :not(.wp-block-image) {
	padding-inline: var(--vitamina-astra-space-xl);
}

.is-style-vitamina-eyebrow {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.is-style-vitamina-lead {
	font-size: clamp(18px, 1.35vw, 20px);
	line-height: 1.55;
}

.is-style-vitamina-chip {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 6px 12px;
	border: 1px solid var(--vitamina-astra-color-border);
	border-radius: var(--vitamina-astra-radius-pill);
	background: var(--vitamina-astra-color-subtle-surface);
	color: var(--vitamina-astra-color-primary);
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.wp-block-heading.is-style-vitamina-display {
	font-family: var(--wp--preset--font-family--heading, "Kanit"), sans-serif;
	font-size: clamp(40px, 5vw, 60px);
	line-height: 1.05;
	letter-spacing: -.035em;
}

.wp-block-group.is-style-vitamina-media-label {
	position: relative;
	overflow: hidden;
	border-radius: var(--vitamina-astra-radius-card);
}

.wp-block-group.is-style-vitamina-media-label > .wp-block-image {
	margin: 0;
}

.is-style-vitamina-media-label-text {
	position: absolute;
	left: var(--vitamina-astra-space-l);
	bottom: var(--vitamina-astra-space-l);
	margin: 0 !important;
	padding: .4rem .7rem;
	border-radius: var(--vitamina-astra-radius-pill);
	background: rgba(15, 26, 48, .86);
	color: #fff;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wp-block-table.is-style-vitamina-clean-table {
	overflow-x: auto;
	border: 1px solid var(--vitamina-astra-color-border);
	border-radius: var(--vitamina-astra-radius-card);
	box-shadow: var(--vitamina-astra-shadow-subtle);
}

.wp-block-table.is-style-vitamina-clean-table table {
	min-width: 42rem;
	margin: 0;
	border-collapse: collapse;
	background: var(--vitamina-astra-color-surface);
}

.wp-block-table.is-style-vitamina-clean-table th,
.wp-block-table.is-style-vitamina-clean-table td {
	padding: var(--vitamina-astra-space-l);
	border: 1px solid var(--vitamina-astra-color-border);
	vertical-align: top;
	text-align: left;
}

.wp-block-table.is-style-vitamina-clean-table th {
	background: #eef6ff;
	color: var(--vitamina-astra-color-dark-navy);
	font-family: Kanit, sans-serif;
	font-weight: 700;
}

.wp-block-table.is-style-vitamina-clean-table td {
	color: var(--vitamina-astra-color-body);
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-details.is-style-vitamina-faq {
	margin-inline: auto;
	max-width: 56rem;
}

.wp-block-group.is-style-vitamina-clean-section .wp-block-buttons.is-style-vitamina-tiles {
	width: min(100%, var(--vitamina-astra-content-width));
	margin-inline: auto;
}

.wp-site-blocks > footer {
	margin-block-start: 0;
}

@media (max-width: 767px) {
	.wp-block-group.is-style-vitamina-clean-section {
		padding-block: var(--vitamina-astra-space-3xl);
	}

	.wp-block-group.is-style-vitamina-clean-hero {
		padding-block: var(--vitamina-astra-space-xl) var(--vitamina-astra-space-3xl);
	}

	.wp-block-group.is-style-vitamina-clean-hero .wp-block-heading {
		max-width: 18ch;
	}

	.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-white,
	.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-service,
	.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-resource,
	.wp-block-group.is-style-vitamina-clean-section .wp-block-group.is-style-vitamina-card-glass,
	.wp-block-group.is-style-vitamina-clean-split-case {
		padding: var(--vitamina-astra-space-l);
	}

	.wp-block-table.is-style-vitamina-clean-table {
		border-radius: var(--vitamina-astra-radius-small);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-group.is-style-vitamina-card-option,
	.wp-block-group.is-style-vitamina-clean-section a,
	.wp-block-group.is-style-vitamina-clean-hero a {
		transition: none !important;
	}
}

/* ==========================================================================
   2026-09-28 · Consistencia visual + correcciones Brief Ecommerce
   ========================================================================== */

/* 1) Textura de puntos en TODAS las secciones con degradado.
      Mismo patrón que .has-vitamina-dot-pattern (Home V2): capa ::before
      independiente del fondo, así el bloque sigue 100% editable en Gutenberg. */
.vitamina-astra .vitamina-internal-hero,
.vitamina-astra .vo-cta-footer,
.vitamina-astra .vitamina-blog-cta,
.vitamina-astra .vitamina-name-card,
.vitamina-astra .home-paid-media,
.vitamina-astra .bg-gradient-to-br,
.vitamina-astra .bg-gradient-to-r,
.vitamina-astra .bg-gradient-to-b,
.vitamina-astra .entry-content .has-background-gradient:not(.has-vitamina-dot-pattern) {
	isolation: isolate;
}
.vitamina-astra .vitamina-internal-hero:not(.has-vitamina-dot-pattern)::before,
.vitamina-astra .vo-cta-footer:not(.has-vitamina-dot-pattern)::before,
.vitamina-astra .vitamina-blog-cta::before,
.vitamina-astra .vitamina-name-card::before,
.vitamina-astra .home-paid-media::before,
.vitamina-astra .bg-gradient-to-br::before,
.vitamina-astra .bg-gradient-to-r::before,
.vitamina-astra .bg-gradient-to-b::before,
.vitamina-astra .entry-content .has-background-gradient:not(.has-vitamina-dot-pattern):not(.is-style-vitamina-cta-aurora)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background-image: radial-gradient(rgba(255, 255, 255, .123) 1px, transparent 1.2px);
	background-size: 14px 14px;
	pointer-events: none;
}
.vitamina-astra .vitamina-internal-hero,
.vitamina-astra .vo-cta-footer,
.vitamina-astra .vitamina-blog-cta,
.vitamina-astra .vitamina-name-card,
.vitamina-astra .home-paid-media {
	position: relative;
}
/* Aurora ya usa ::before/::after para los halos: los puntos van como capa de fondo. */
.vitamina-astra .wp-block-group.is-style-vitamina-cta-aurora {
	background:
		radial-gradient(rgba(255, 255, 255, .123) 1px, transparent 1.2px) 0 0 / 14px 14px,
		linear-gradient(135deg, #0F1A30 0%, #904994 52%, #38BDF8 100%);
}

/* 2) Iconos Material Symbols: la regla de font-family sólo existía dentro de
      .vo[data-vo-root], por eso en el resto del sitio se veía el texto
      ("bolt", "encrypted", "redeem"). Se declara global y se evita el
      destello del nombre mientras carga la fuente. */
.material-symbols-outlined {
	display: inline-block;
	width: 1em;
	overflow: hidden;
	font-family: "Material Symbols Outlined";
	font-weight: 500;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

/* 3) Tarjetas apiladas en una misma columna: height:100% sólo aplica cuando la
      tarjeta es la única de la columna (tarjetas de altura igual en grids).
      Con varias tarjetas apiladas cada una tomaba el 100% de la columna y se
      desbordaba por detrás del footer (Brief Ecommerce, columna "Vía rápida"). */
.wp-block-column > .wp-block-group.is-style-vitamina-card-white:not(:only-child),
.wp-block-column > .wp-block-group.is-style-vitamina-card-case:not(:only-child),
.wp-block-column > .wp-block-group.is-style-vitamina-card-resource:not(:only-child),
.wp-block-column > .wp-block-group.is-style-vitamina-card-service:not(:only-child) {
	height: auto;
}
.wp-block-column > .wp-block-group.is-style-vitamina-card-white:not(:only-child) > :last-child,
.wp-block-column > .wp-block-group.is-style-vitamina-card-case:not(:only-child) > :last-child,
.wp-block-column > .wp-block-group.is-style-vitamina-card-resource:not(:only-child) > :last-child,
.wp-block-column > .wp-block-group.is-style-vitamina-card-service:not(:only-child) > :last-child {
	margin-top: var(--wp--style--block-gap, 1.25rem);
}

/* 4) Anclas internas (#formulario, #via-rapida…) no quedan ocultas bajo el
      header sticky + barra superior. */
.vitamina-astra .entry-content [id] {
	scroll-margin-top: 140px;
}

/* 5) Sellos de confianza (bloques nativos, editables): píldoras sobre hero oscuro.
      El icono se asigna por clase: --bolt, --nda, --gift. */
.vitamina-astra .vitamina-trust-pills {
	gap: .75rem;
	margin-top: 1.5rem;
	margin-bottom: 1.75rem;
}
.vitamina-astra .vitamina-trust-pill {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	margin: 0 !important;
	padding: .55rem 1.1rem;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: rgba(255, 255, 255, .88);
	font-size: .92rem;
	line-height: 1.2;
}
.vitamina-astra .vitamina-trust-pill strong {
	color: #fff;
	font-weight: 700;
}
.vitamina-astra .vitamina-trust-pill::before {
	font-family: "Material Symbols Outlined";
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	font-feature-settings: "liga";
	color: #38BDF8;
	display: inline-block;
	width: 1em;
	overflow: hidden;
	white-space: nowrap;
}
.vitamina-astra .vitamina-trust-pill--bolt::before { content: "bolt"; }
.vitamina-astra .vitamina-trust-pill--nda::before { content: "encrypted"; }
.vitamina-astra .vitamina-trust-pill--gift::before { content: "redeem"; }
.vitamina-astra .vitamina-trust-pill--clock::before { content: "schedule"; }
.vitamina-astra .vitamina-trust-pill--check::before { content: "verified"; }

/* 6) Brief: el formulario acompaña al usuario mientras recorre la columna derecha
      (sin hueco vacío a la izquierda) + desplazamiento suave a las anclas. */
@media (min-width: 782px) {
	.vitamina-astra .wp-block-column > .vitamina-ghl-form {
		position: sticky;
		top: 150px;
		height: auto;
	}
}
@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

/* 7) Home · sección Paid Media (#paid-media): mismo patrón de puntos. */
.vitamina-astra #paid-media {
	position: relative;
	isolation: isolate;
}
.vitamina-astra #paid-media::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: radial-gradient(rgba(255, 255, 255, .123) 1px, transparent 1.2px);
	background-size: 14px 14px;
	pointer-events: none;
}

/* ==========================================================================
   2026-09-29 · Brief Ecommerce (722): menos espacio, como Portafolio
   ========================================================================== */
.page-id-722 .is-style-vitamina-clean-hero {
	padding: var(--vitamina-astra-space-2xl) var(--vitamina-astra-space-xl) var(--vitamina-astra-space-l);
}
.page-id-722 .is-style-vitamina-clean-section {
	padding: var(--vitamina-astra-space-xl) var(--vitamina-astra-space-l);
}
@media (max-width: 767px) {
	.page-id-722 .is-style-vitamina-clean-hero {
		padding-block: var(--vitamina-astra-space-l) var(--vitamina-astra-space-m);
	}
	.page-id-722 .is-style-vitamina-clean-section {
		padding-block: var(--vitamina-astra-space-l);
	}
}

/* 8) Hero compacto (clase reutilizable: agregar "vitamina-hero-compact" en
      Avanzado > Clases CSS del bloque hero). Reduce el espacio vertical al 50%. */
.vitamina-astra .vitamina-internal-hero.vitamina-hero-compact {
	padding-top: 44px !important;
	padding-bottom: 44px !important;
}

/* 9) La seccion que sigue a un hero compacto arranca con el mismo espacio
      (44px) que hay entre los botones y el final del hero. */
.vitamina-astra .vitamina-internal-hero.vitamina-hero-compact + .wp-block-group {
	padding-top: 44px !important;
}

/* 2026-09-29 · Blog: extracto del artículo destacado + carruseles de logos en páginas de servicio */
.vitamina-astra .vitamina-blog-featured-excerpt {
	margin: .5rem 0 0;
	color: var(--vitamina-astra-color-muted, #64748B);
	font-size: 1rem;
	line-height: 1.55;
}
.vitamina-astra .vitamina-article-infographic img {
	border-radius: var(--vitamina-astra-radius-card, 16px);
	box-shadow: var(--vitamina-astra-shadow-card, 0 4px 12px rgba(15, 23, 42, .08));
}
.vitamina-astra .vitamina-article-infographic figcaption {
	text-align: center;
	font-size: .85rem;
	color: var(--vitamina-astra-color-muted, #64748B);
}

/* 2026-09-29 · Móvil: sellos del brief en dos líneas y tablas "Antes / Con nosotros" apiladas */
@media (max-width: 600px) {
	.vitamina-astra .vitamina-trust-pills {
		flex-wrap: wrap !important;
	}
}
@media (max-width: 781px) {
	.vitamina-astra .vo-before-after .wp-block-table.is-style-vitamina-clean-table table {
		min-width: 0;
	}
}