/**
 * Ajustes de maquetación de Nóvalo.
 *
 * Traslado literal del CSS que Nóvalo venía manteniendo en «Personalizar → CSS
 * adicional» (correo de Laura Gómez del 25-08-2026, «Te vuelvo a mandar CSS
 * para subir a styles»). Vive aquí, en el tema, y ya no en el personalizador:
 * el personalizador queda vacío para que no haya dos sitios donde buscar un
 * estilo ni reglas antiguas pisando al tema.
 *
 * Se carga en último lugar a propósito: son ajustes finos que deben ganar a las
 * hojas anteriores, igual que ganaba el CSS del personalizador.
 *
 * Único cambio respecto a lo que llegó por correo: la frase destacada de
 * «imagen + texto» usa --vit-teal-ink en vez de --vit-teal. El teal de marca
 * sobre fondo claro da 1.64:1 y no se lee; el tono oscuro del mismo color da
 * 4.51:1 y se ve igual de Vittarial. Avisado a Nóvalo.
 */

/* ─────────────────────────────────────────────────────────────────
   Escritorio
   ───────────────────────────────────────────────────────────────── */

@media (min-width: 924px) {

	.vit-cat-global-info__block--proceso .vit-cat-global-info__list--numbered li {
		font-size: 1.1rem;
	}

	.vit-cat-global-info__block--proceso .vit-cat-global-info__list--numbered li::before {
		font-size: 1rem;
	}

	/* Con «p.» delante, igual que venía del personalizador: sin él la regla se
	   queda en 0,2,1 de especificidad y la pisa la tipografía del bloque, que
	   dejaba la frase en 14px en vez de 1,4rem. */
	.wp-block-mwm-imagen-texto.is-center-layout p.mwm-imagen-texto__center-emphasis {
		font-size:   1.4rem;
		color:       var(--vit-teal-ink);
		max-width:   100%;
		text-align:  center;
		margin:      0 auto;
		padding:     1rem 0 2.4rem 0;
		font-style:  italic;
	}

	.wp-block-mwm-imagen-texto.is-center-layout .mwm-imagen-texto__center-desc {
		max-width:   100%;
		margin:      10px -20px 60px -20px;
		line-height: 140%;
		text-align:  center;
	}

	.mwm-faq-qs__more-text,
	.mwm-faq-qs__cta {
		text-align: center;
	}

	.vit-cat-global-hero__content {
		max-width: 820px;
	}

	.vit-cat-global-hero__desc {
		font-size:  1.3rem;
		margin-top: 2.8rem;
	}

	.vit-cat-planes__desc,
	.wp-block-mwm-imagen-texto .mwm-imagen-texto__text,
	.vit-cat-global-faqs__answer,
	.vit-product-card-v2__desc,
	.vit-cat-planes-cta__text,
	.mwm-como-trabajamos__eyebrow {
		font-size:   1.2rem;
		line-height: 140%;
	}

	.mwm-trabajamos-contigo__eyebrow {
		font-size:  1.6rem;
		font-style: italic;
		margin:     1.3rem 0 .9rem 0;
	}

	.vit-cat-planes-destacados__filter,
	.vit-cat-planes__card-desc {
		font-size: 1.1rem;
	}

	.mwm-como-trabajamos__eyebrow {
		margin-bottom: 4rem;
		max-width:     900px;
	}

	.vit-cat-planes-cta__text {
		padding: 1.3rem 0;
	}

	.vit-cat-planes-cta__btn {
		padding:       17px 20px;
		margin-bottom: 1rem;
	}

	.wp-block-mwm-ayudanos-a-mejorar .mwm-ayudanos-a-mejorar__item-text {
		font-size:   1.1rem;
		line-height: 140%;
	}

	.wp-block-mwm-ayudanos-a-mejorar .mwm-ayudanos-a-mejorar__intro {
		padding: 2rem 1.6rem;
	}

	.vit-cat-global-info__block--que-son .vit-cat-global-info__title {
		margin-bottom: 3rem;
	}

	.vit-cat-global-cats__card {
		padding: 18px 24px 30px 24px;
	}

	.vit-cat-global-cta__text {
		font-size: 1.4rem;
		margin:    .6rem 0 1.2rem 0;
		max-width: 600px;
	}

	.vit-cat-global-cta__btn {
		padding:   16px 22px;
		font-size: 1.3rem;
	}

	.vit-cat-global-cta__inner {
		max-width: 950px;
	}

	.vit-cat-planes__titulo,
	.wp-block-mwm-imagen-texto .mwm-imagen-texto__title {
		margin-bottom: 2rem;
	}

	.mwm-imagen-texto__content {
		padding-right: 3rem;
	}

	.mwm-imagen-texto__center {
		max-width: 900px !important;
	}

	.wp-block-mwm-imagen-texto.is-center-layout .mwm-imagen-texto__center-img {
		width:  50%;
		margin: 0 auto;
	}

	.mwm-prefooter__feature-text b {
		font-size:  1.4rem;
		font-style: italic;
	}

	.mwm-hero-comunidad__desc {
		max-width:   730px;
		line-height: 140%;
		margin:      1.2rem 0 1rem 0;
		font-size:   1.36rem;
	}

	.mwm-hero-comunidad__cta {
		padding:       16px 22px;
		font-size:     1.3rem;
		margin-bottom: 1rem;
	}

	.wp-block-mwm-comunidad-plan-mensual .mwm-comunidad-plan-mensual__feature-text {
		font-size: 1.1rem;
	}

	.wp-block-mwm-cards-comunidad .mwm-cards-comunidad__title,
	.wp-block-mwm-planes .mwm-planes__title {
		margin-bottom: 1.4rem;
	}

	.mwm-te-atendemos__card-desc {
		font-size: 1.1rem;
	}

	.mwm-te-atendemos__card {
		padding: 20px 24px 30px 24px;
	}

	.mwm-contacto-cf7__title {
		margin-bottom: 1.3rem;
	}

	/* Fichas de producto — añadido por Nóvalo el 25-08 por la tarde. */

	.mwm-single-plan__tabs-nav {
		display:       inline-flex;
		max-width:     100%;
		align-content: center;
		text-align:    center;
	}

	.mwm-single-plan__tab-btn {
		padding: 14px 24px;
	}

	.mwm-single-plan__tab-panel.is-active {
		max-width: 100%;
	}

	.mwm-single-plan__tab-body {
		max-width: 90%;
		margin:    0 auto;
	}

	.mwm-single-plan__tab-title {
		margin:         0 auto;
		max-width:      90%;
		padding-bottom: 1rem;
	}

	.mwm-single-plan__nota {
		font-size:   1.1rem;
		line-height: 1.3;
	}

	.mwm-single-plan__price-left .woocommerce-Price-amount bdi {
		font-size: 2rem;
	}

	.mwm-single-plan__price-left .woocommerce-Price-amount bdi span {
		font-size: 1.3rem;
	}

	/* Fichas de venta (sueroterapias y tests) — envíos del 25 y el 26-08.
	   Se queda fuera el «flex-direction: row» de la galería que venía en el
	   correo del 25: choca con la propia petición de bajar las miniaturas
	   debajo de la imagen principal, que es lo que está aplicado. */

	h1.mwm-single-product__title.is-style-h1 {
		font-size: 2.6rem;
	}

	h2.mwm-single-product__subtitle.is-style-h2 {
		font-size: 1.8rem;
	}

	.mwm-single-product__actions {
		flex-direction: row;
		max-width:      500px;
		align-items:    center;
		gap:            1.3rem;
	}

	/* Ancho mínimo, no fijo: con 180/190 px clavados «Comprar 499 €» no cabía
	   y el texto se recortaba en «Comp… | 499 €» (Nóvalo, fila 8 del Excel).
	   Así los dos botones siguen midiendo lo mismo salvo cuando el precio es
	   largo, y ahí el de comprar crece lo justo. */
	.mwm-single-product__secondary-actions,
	.mwm-single-product__add-to-cart-wrap {
		min-width: 180px;
		width:     auto;
	}

	.mwm-single-product__btn {
		padding: 13px 16px;
	}

	span.woocommerce-Price-currencySymbol {
		font-size: 1.2rem !important;
	}

	.mwm-single-product__details {
		max-width: 100%;
	}

	.mwm-single-product__tab {
		min-width: 13%;
	}

	.mwm-single-product__short-cort {
		max-width: 100%;
	}

	.woocommerce div.product form.cart {
		min-width:     190px;
		width:         auto;
		margin-bottom: 0 !important;
	}

	button.single_add_to_cart_button.button.alt {
		padding: 16px 24px !important;
	}

	/* Estas dos venían del CSS del personalizador y no estaban en el envío
	   nuevo. Se conservan para no perder ajustes que ya estaban aplicados. */

	.vit-product-card-v1__cta {
		font-size: 1.1rem !important;
	}

	.wp-block-mwm-indicaciones-beneficios .mwm-indicaciones-beneficios__text {
		font-size:   1.1rem;
		line-height: 1.4;
	}
}

/* ─────────────────────────────────────────────────────────────────
   Todos los tamaños
   ───────────────────────────────────────────────────────────────── */

.wp-block-mwm-comunidad-plan-mensual .mwm-comunidad-plan-mensual__desc,
.wp-block-mwm-comunidad-director .mwm-comunidad-director__desc,
.wp-block-mwm-informacion-comunidad-cta .mwm-informacion-comunidad-cta__description,
.wp-block-mwm-planes .mwm-planes__description,
.wp-block-mwm-cards-comunidad .mwm-cards-comunidad__subtitle,
.wp-block-mwm-comunidad-propuesta .mwm-comunidad-propuesta__d {
	line-height: 1.4;
}

span.mwm-informacion-comunidad-cta__item-text {
	line-height: 1.4 !important;
}

.mwm-plan-estrella__check {
	color: var(--vit-teal);
}

.mwm-single-plan__description {
	line-height: 1.4;
}

/* ─────────────────────────────────────────────────────────────────
   Ficha de producto en móvil — Nóvalo, 27-08-2026
   ───────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {

	/* Segundo título de la ficha. Nóvalo lo dejó el 27-08 en 1.25rem/200 y el
	   31-08 lo subió a 1.8rem/400 desde el personalizador: manda el envío
	   nuevo, que es lo que se está viendo en producción desde entonces. */
	.is-style-h2 {
		font-size:   1.8rem;
		font-weight: 400;
	}
}

/* La altura de la galería en móvil se resuelve en blocks-mwm.css, donde vive el
   carrusel: aquí solo quedaría duplicada. */

/* ─────────────────────────────────────────────────────────────────
   Títulos de las tarjetas de servicio — 28-08-2026
   El CSS adicional del personalizador los pinta con el teal claro de
   marca sobre el fondo claro de la tarjeta: 1,64:1, ilegible. Ese CSS se
   imprime el último y gana siempre, así que aquí hace falta !important:
   es lo único que se le pisa —el tamaño y el peso que puso ella siguen
   tal cual—. Mismo tono, oscurecido hasta el token que sí se lee: 4,48:1,
   y al ser un título de 2rem el mínimo que le toca es 3:1.
   ───────────────────────────────────────────────────────────────── */

h3.vit-service-card__title,
.vit-service-card__title {
	color: var(--vit-teal-ink, #158070) !important;
}


/* ─────────────────────────────────────────────────────────────────
   Envíos del 28-08 y del 31-08 — filas 18 y 23 del Excel
   «Subir CSS a styles». Estaban en «Personalizar → CSS adicional»,
   que es el sitio que queremos vacío. Traslado literal salvo tres
   cosas, todas anotadas donde tocan.
   ───────────────────────────────────────────────────────────────── */

@media (min-width: 924px) {

	.mwm-single-product__features {
		flex-direction: row;
	}

	.vit-service-card__features li.vit-service-card__feature span {
		font-size: 1.1rem;
	}

	.mwm-faq-qs__answer {
		max-width: 1080px;
	}

	/* Del envío se toman el peso y el tamaño. El color que traía era
	   var(--vit-teal) sobre el fondo claro de la tarjeta: 1,64:1, no se lee.
	   Lo pinta la regla del 28-08 del final de este fichero con el mismo tono
	   oscurecido. */
	h3.vit-service-card__title {
		font-weight: 600;
		font-size:   2rem;
	}

	div.vit-service-card__body {
		padding: .6rem 1.4rem .3rem 1.4rem;
	}

	a.vit-service-card__cta {
		margin: 1rem 0 .6rem 0;
	}

	.vit-cat-global-cats__card-desc {
		font-size: 1.05rem;
	}

	h2.vit-cat-global-cats__heading {
		margin-bottom: 2.8rem;
	}
}

/* Todas las pantallas */

.mwm-single-product__highlights {
	display: none;
}

.vit-cat-global-cats__card-desc {
	line-height: 1.4;
}

a.vit-cat-global-cats__card-link {
	display: none;
}

/* En el personalizador esta regla venía escrita «btn.mwm-single-product__sticky-btn
   mwm-single-product__sticky-btn--primary» (dos veces, además): un selector de
   descendencia sobre etiquetas que no existen, así que no pintaba nada. Aquí va
   con el selector de clase que sí casa con el botón del menú sticky de móvil. */
.mwm-single-product__sticky-btn--primary {
	font-size: 1.2rem;
}

/* Cambios de Vittarial del 31-08 — móvil */

@media (max-width: 767px) {

	span.mwm-single-product__btn-texto,
	span.mwm-single-product__btn-precio {
		font-size: 1.15rem;
	}

	.wp-block-mwm-imagen-texto.is-center-layout p.mwm-imagen-texto__center-emphasis {
		font-size:  1.3rem;
		font-style: italic;
	}

	.mwm-trabajamos-contigo__eyebrow {
		font-size:  1.3rem;
		font-style: italic;
	}

	.mwm-trabajamos-contigo__step-content,
	.mwm-trabajamos-contigo__step {
		align-items: center;
	}

	h2.mwm-faq-qs__title.is-style-h2 {
		font-size: 1.5rem;
	}
}

/* ─────────────────────────────────────────────────────────────────
   Fichas de producto y de tratamientos en móvil — Nóvalo, 04-09-2026
   (fila 34 del Excel). Traslado literal del envío, con dos salvedades:
   las reglas que venían vacías (div.wps-membership-included y
   .mwm-single-product_feature-value) no se copian porque no pintan
   nada, y los dos bloques consecutivos de .mwm-single-plan__nota se
   funden en uno.
   ───────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {

	.mwm-single-product {
		padding-top: 2.5rem;
	}

	.mwm-single-product__breadcrumbs {
		font-size:     .85rem;
		margin-bottom: 1.4rem;
	}

	.mwm-single-product__main-grid {
		gap: .6rem;
	}

	h1.mwm-single-product__title.is-style-h1 {
		font-size:     1.7rem;
		margin-bottom: .7rem;
	}

	h2.mwm-single-product__subtitle.is-style-h2 {
		font-size:   1.22rem;
		font-style:  italic;
		font-weight: 300;
	}

	.mwm-single-product__feature,
	.mwm-single-product__results-text {
		font-size: 1rem;
	}

	.mwm-single-product__actions {
		margin-bottom: 4px;
	}

	.mwm-single-product__details {
		margin-top: 2.7rem;
	}

	.mwm-single-product__features {
		flex-direction:  row;
		flex-wrap:       wrap;
		justify-content: space-between;
		margin-right:    1.3rem;
	}

	.mwm-single-plan__breadcrumbs {
		margin-top: 4px;
		font-size:  .85rem;
	}

	.mwm-single-plan__meta {
		flex-direction:  row;
		justify-content: space-between;
		margin-right:    1.5rem;
	}

	.woocommerce-Price-amount.amount {
		font-size: 1.9rem;
	}

	.woocommerce-Price-currencySymbol {
		font-size: 1.3rem;
	}

	.mwm-single-plan__clinic {
		font-style:  italic;
		font-weight: 300;
	}

	.mwm-single-plan__profesional-name {
		font-size: 1.25rem;
	}

	span.mwm-single-plan__meta-value {
		font-size: 1.04rem;
	}

	.mwm-single-plan__description {
		display: none;
	}

	.mwm-single-plan__nota {
		margin:      -4.3rem .8rem -.8rem .8rem;
		padding:     13px 10px;
		font-size:   .88rem;
		font-weight: 400;
		font-style:  italic;
		background:  rgba(255, 255, 255, 1);
	}
}

/* Fuera el botón «Ver planes» de Mi cuenta › Mis membresías (Nóvalo, fila 41
   del Excel, 04-09-2026). Lo pinta el plugin de suscripciones y apuntaba a
   /shop/, que no es una página de esta web; el aviso de «aún no tienes
   ninguna membresía» se queda. */
/* Con tres clases: la regla de botones de blocks-mwm.css
   (body.woocommerce-account a.button, display:inline-block) especifica más
   que dos clases y ganaba la cascada. */
body.woocommerce-account .woocommerce-MyAccount-content .wps-myaccount-empty__cta {
	display: none;
}