/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 25 2026 | 21:47:12 */
/* =========================================================================
   ACADEMIA DAVID ARROBA — HOJA BASE
   Versión 1.20.0 — 25/08/2026
   =========================================================================

   HISTORIAL
   1.20.0 Separación entre filas del pie y centrado uniforme de los títulos
          en tableta y móvil: cada columna tiene su propio ajuste de
          alineación en el Personalizador y quedaban dispares.
   1.19.0 Pie a dos columnas en tableta. Logotipo y menús centrados en
          móvil: son elementos de bloque y no los alinea el text-align.
   1.18.0 Margen lateral en el pie en pantallas pequeñas y alineación a la
          izquierda acotada a escritorio: en móvil empujaba el contenido
          fuera del contenedor.
   1.17.0 Reparto de anchos en la barra inferior: con tres columnas iguales
          la del menú legal se quedaba en 410px y los cinco enlaces
          necesitan casi 700, así que se partían en tres filas.
   1.16.0 Barra inferior reescrita sobre el marcado real: Astra usa
          .menu-link bajo el identificador #astra-footer-menu, con mucha
          más especificidad, y el copyright envuelve su texto en un <p>.
   1.15.0 Barra inferior del pie: copyright y enlaces legales en la misma
          línea, y esos enlaces en rojo. Columnas del pie alineadas a la
          izquierda.
   1.14.0 Pie de página: títulos de columna, tamaños de enlace y bloque de
          métodos de pago.
   1.13.0 El botón de cuenta conserva el rectángulo redondeado en tableta y
          móvil: con sesión iniciada, Astra ya deja solo el icono en
          escritorio y así no hay dos formas del mismo botón.
   1.12.0 El botón de cuenta se queda con el icono también en tableta. El
          corte va a 920px, que es donde Astra pasa a su cabecera móvil.
   1.11.0 En móvil, el botón de cuenta se queda solo con el icono. El texto
          se oculta a la vista pero sigue leyéndose con lector de pantalla:
          es lo único que identifica el destino del enlace.
   1.10.0 El hover del botón de cuenta pasa al rojo oscuro: sobre la
          cabecera negra, el negro lo hacía desaparecer.
   1.9.0  Botón de Área Personal: el elemento de cuenta de Astra no tiene
          ajustes de diseño, así que se estiliza aquí.
   1.8.0  Icono de carrito propio. Astra no permite sustituir su SVG, así
          que se retira el suyo desde PHP y aquí se dibuja el nuestro.
   1.7.0  Suavizado por escala de grises en las secciones oscuras: en macOS
          el texto claro sobre fondo oscuro se engorda y las tipografías
          finas parecen sucias.
   1.6.0  Separador a 1,5rem, dentro de la retícula de 8px.
   1.5.0  Reinicio de listas dentro de nuestros bloques. Astra rellena los
          ul del contenido y desplazaba las rejillas.
   1.4.0  Margen lateral unificado en la variable --dvdrrb-margen: 16px en
          móvil, igual que el contenedor de Astra, y 24px desde tableta.
   1.3.0  Entradilla a 56rem, comprobado contra el PDF a pantalla partida.
   1.2.0  Entradilla a 44rem. Se elimina la duplicidad con el CSS del
          bloque de introducción.
   1.1.0  Separador a 22px. Contenedores por relleno calculado en lugar de
          max-width, que Astra anula en la plantilla de ancho completo.
   1.0.0  Reinicios, utilidades, secciones y accesibilidad.

   =========================================================================

   Va en Simple Custom CSS. Aquí solo lo que comparten varios bloques:
   reinicios, utilidades y patrones repetidos. El CSS propio de cada bloque
   vive en su carpeta dentro del tema hijo y se carga solo cuando el bloque
   está en la página.

   Los colores, tamaños y espaciados salen de las variables que genera
   theme.json. No se escriben valores sueltos aquí.

   ========================================================================= */


/* =========================================================================
   0. VARIABLES DEL PROYECTO
   ========================================================================= */

/*
 * Margen lateral de todos nuestros contenedores. En móvil coincide con el
 * contenedor de Astra (16px) para que el contenido de los bloques no vaya
 * más metido que el de las lecciones o las fichas de producto.
 *
 * Vive aquí y no en cada bloque para que no se desvíen entre sí.
 */
:root {
	--dvdrrb-margen: 1rem;
	--dvdrrb-ancho: 77.5rem; /* 1240px */
}

@media (min-width: 48rem) {

	:root {
		--dvdrrb-margen: 1.5rem;
	}
}


/* =========================================================================
   1. REINICIOS ACOTADOS A NUESTROS BLOQUES
   ========================================================================= */

/*
 * Astra pone 1.5em de margen inferior a los párrafos de .entry-content.
 * Es correcto para la prosa del cliente (lecciones, fichas de producto,
 * páginas legales), pero dentro de nuestros bloques el espaciado lo decide
 * el bloque. El doble selector gana por especificidad, no por orden de
 * carga, y cubre también los bloques que se pintan fuera de .entry-content.
 */
.entry-content [class*="dvdrrb-"] p,
[class*="dvdrrb-"] p {
	margin-block-end: 0;
}

/* Excepción: campos de texto libre donde el cliente escribe varios párrafos. */
.entry-content [class*="dvdrrb-"] .dvdrrb-prosa p:not(:last-child),
[class*="dvdrrb-"] .dvdrrb-prosa p:not(:last-child) {
	margin-block-end: var(--wp--preset--spacing--20);
}

/*
 * Astra asigna un color fijo a los encabezados desde el Personalizador, y
 * una regla directa gana siempre a un valor heredado. Dentro de nuestros
 * bloques queremos lo contrario: que el encabezado tome el color de su
 * sección, para que funcione igual sobre fondo claro y sobre fondo oscuro.
 */
[class*="dvdrrb-"] h1,
[class*="dvdrrb-"] h2,
[class*="dvdrrb-"] h3,
[class*="dvdrrb-"] h4,
[class*="dvdrrb-"] h5,
[class*="dvdrrb-"] h6 {
	color: inherit;
}

/*
 * Astra rellena y numera las listas de .entry-content. Dentro de nuestros
 * bloques, las listas son estructura (rejillas, carruseles) y no contenido,
 * así que no deben llevar viñetas ni sangrado.
 */
.entry-content [class*="dvdrrb-"] ul,
.entry-content [class*="dvdrrb-"] ol,
[class*="dvdrrb-"] ul,
[class*="dvdrrb-"] ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.entry-content [class*="dvdrrb-"] li,
[class*="dvdrrb-"] li {
	margin: 0;
}

/* Excepción: en la prosa del cliente una lista sí es una lista. */
.entry-content [class*="dvdrrb-"] .dvdrrb-prosa ul,
[class*="dvdrrb-"] .dvdrrb-prosa ul {
	padding-inline-start: 1.5em;
	list-style: disc;
}

.entry-content [class*="dvdrrb-"] .dvdrrb-prosa ol,
[class*="dvdrrb-"] .dvdrrb-prosa ol {
	padding-inline-start: 1.5em;
	list-style: decimal;
}

/* Las imágenes de nuestros bloques nunca desbordan su caja. */
[class*="dvdrrb-"] img {
	max-width: 100%;
	height: auto;
}


/*
 * En la plantilla de ancho completo, Astra añade relleno al artículo que
 * envuelve el contenido, lo que impide que las secciones lleguen al borde.
 * En páginas construidas con bloques el relleno lo pone cada bloque.
 *
 * Los selectores [class][id] no son decorativos: la regla de Astra usa tres
 * clases, así que hacen falta cuatro niveles para ganar por especificidad y
 * no depender del orden de carga de las hojas.
 */
.ast-page-builder-template .site-main > article[class][id],
.woocommerce.ast-page-builder-template .site-main[class][id] {
	padding: 0;
}


/*
 * Astra anula el max-width de todos los hijos directos de un bloque cuando
 * la página usa la plantilla de ancho completo. Por eso nuestros
 * contenedores no usan max-width, sino relleno lateral calculado: el
 * relleno absorbe lo que sobra por encima de 1240px y Astra no lo toca.
 * Esta clase aplica ese patrón para el resto de bloques.
 */


/* =========================================================================
   2. CONTENEDOR Y SECCIONES
   ========================================================================= */

/*
 * 77.5rem = 1240px, el ancho medido en los archivos de diseño.
 * Se declara aquí porque las secciones a sangre completa necesitan su
 * propio contenedor interior, independiente del de Astra.
 */
.dvdrrb-contenedor {
	box-sizing: border-box;
	width: 100%;
	padding-inline: max(var(--dvdrrb-margen), (100% - var(--dvdrrb-ancho)) / 2);
}

/*
 * Ritmo vertical entre secciones: 64px en móvil, 112px a 1440 y 128px en
 * monitor grande. Sale de la separación medida entre secciones del diseño.
 */
.dvdrrb-seccion {
	padding-block: clamp(4rem, 2.5rem + 5vw, 8rem);
}

.dvdrrb-seccion--compacta {
	padding-block: clamp(2.5rem, 1.5rem + 3vw, 4rem);
}

.dvdrrb-seccion--sin-superior {
	padding-block-start: 0;
}

.dvdrrb-seccion--sin-inferior {
	padding-block-end: 0;
}

/* Fondos de sección. El color de texto acompaña para que herede bien. */
.dvdrrb-seccion--clara {
	background-color: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--negro);
}

.dvdrrb-seccion--gris {
	background-color: var(--wp--preset--color--gris);
	color: var(--wp--preset--color--negro);
}

.dvdrrb-seccion--oscura {
	background-color: var(--wp--preset--color--negro);
	color: var(--wp--preset--color--blanco);
	/*
	 * Sin esto, macOS engorda el texto claro sobre fondo oscuro y Spartan
	 * Light se ve emborronada.
	 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* =========================================================================
   3. UTILIDADES TIPOGRÁFICAS
   ========================================================================= */

/*
 * Antetítulo: el patrón de Syncopate en rojo, mayúsculas y tracking abierto
 * que aparece en las seis páginas del diseño. Definido una sola vez.
 */
.dvdrrb-antetitulo {
	margin: 0;
	color: var(--wp--preset--color--rojo);
	font-family: var(--wp--preset--font-family--syncopate);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Variante con más tracking, para los rótulos sueltos tipo "COLABORADORES". */
.dvdrrb-antetitulo--ancho {
	letter-spacing: 0.13em;
}

/*
 * Título de sección: los "Sobre nosotros", "Nuestros cursos", "Reserva tu
 * clase" que se repiten por toda la web.
 */
.dvdrrb-titulo-seccion {
	margin: 0;
	font-family: var(--wp--preset--font-family--spartan);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 800;
	line-height: 1.15;
	text-wrap: balance;
}

/* Los títulos centrados del diseño llevan una rayita roja debajo. */
.dvdrrb-titulo-seccion--centrado {
	text-align: center;
}

.dvdrrb-titulo-seccion--linea::after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 0.125rem;
	margin-block-start: var(--wp--preset--spacing--20);
	background-color: var(--wp--preset--color--rojo);
}

.dvdrrb-titulo-seccion--centrado.dvdrrb-titulo-seccion--linea::after {
	margin-inline: auto;
}

/* Texto de apoyo bajo los títulos de sección. */
.dvdrrb-entradilla {
	max-width: 56rem; /* 896px, comprobado contra el diseño */
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 300;
	line-height: 1.6;
}

.dvdrrb-entradilla--centrada {
	margin-inline: auto;
	text-align: center;
}

/* Negritas dentro de la prosa del cliente. */
.dvdrrb-prosa strong,
.dvdrrb-prosa b {
	font-weight: 700;
}

/*
 * Los enlaces globales van sin subrayado, según el diseño. Pero un enlace
 * suelto en medio de un párrafo no puede distinguirse solo por el color:
 * hay quien no percibe esa diferencia. Dentro de prosa, subrayado.
 */
.dvdrrb-prosa a {
	color: var(--wp--preset--color--rojo);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.dvdrrb-prosa a:hover,
.dvdrrb-prosa a:focus-visible {
	text-decoration: none;
}


/* =========================================================================
   4. ACCESIBILIDAD
   ========================================================================= */

/*
 * Foco visible en todos los elementos interactivos de nuestros bloques.
 * Doble contorno para que se vea tanto sobre fondo claro como oscuro.
 */
[class*="dvdrrb-"] a:focus-visible,
[class*="dvdrrb-"] button:focus-visible,
[class*="dvdrrb-"] input:focus-visible,
[class*="dvdrrb-"] select:focus-visible,
[class*="dvdrrb-"] textarea:focus-visible {
	outline: 0.125rem solid var(--wp--preset--color--rojo);
	outline-offset: 0.125rem;
}

.dvdrrb-seccion--oscura a:focus-visible,
.dvdrrb-seccion--oscura button:focus-visible {
	outline-color: var(--wp--preset--color--blanco);
}

/* Texto solo para lectores de pantalla. */
.dvdrrb-solo-lectores {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Respeta la preferencia de movimiento reducido en todo el proyecto. */
@media (prefers-reduced-motion: reduce) {

	[class*="dvdrrb-"],
	[class*="dvdrrb-"] * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* =========================================================================
   9. CARRITO DE LA CABECERA
   =========================================================================

   El icono de Astra se retira desde PHP con el filtro
   astra_woo_default_header_cart_icon. Aquí se dibuja el nuestro como
   máscara: recorta un rectángulo del color actual con la forma del SVG,
   así hereda el color del texto y cambia solo entre la cabecera
   transparente y la fija. Con una imagen de fondo llevaría el color
   quemado dentro.
   ========================================================================= */

.dvdrrb-carrito .ast-cart-menu-wrap,
.ast-site-header-cart .ast-cart-menu-wrap {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.dvdrrb-carrito .ast-cart-menu-wrap::before,
.ast-site-header-cart .ast-cart-menu-wrap::before {
	content: "";
	display: block;
	flex-shrink: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: currentColor;
	-webkit-mask: url("/wp-content/themes/david-arroba-academy/assets/icons/carrito.svg") center / contain no-repeat;
	mask: url("/wp-content/themes/david-arroba-academy/assets/icons/carrito.svg") center / contain no-repeat;
}


/* =========================================================================
   10. BOTÓN DE ÁREA PERSONAL
   =========================================================================

   El elemento de cuenta de Astra no trae ajustes de diseño, así que el
   botón del diseño se construye aquí. Medidas del archivo: 173 × 32px con
   6px de radio y el rojo de marca.
   ========================================================================= */

.ast-header-account .ast-header-account-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 2rem;
	padding-inline: var(--wp--preset--spacing--20);
	border-radius: 0.375rem;
	background-color: var(--wp--preset--color--rojo);
	color: var(--wp--preset--color--blanco);
	font-family: var(--wp--preset--font-family--syncopate);
	font-size: var(--wp--preset--font-size--nav, 0.625rem);
	font-weight: 700;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.ast-header-account .ast-header-account-link:hover,
.ast-header-account .ast-header-account-link:focus-visible {
	/*
	 * Rojo oscuro y no negro: la cabecera va sobre fondo oscuro y un botón
	 * negro se fundiría con ella justo al señalarlo.
	 */
	background-color: var(--ast-global-color-1, #a31329);
	color: var(--wp--preset--color--blanco);
}

/* El texto hereda el color del botón, no el del menú. */
.ast-header-account .ast-header-account-text {
	color: inherit;
}

/*
 * El SVG de Astra trae el color escrito en el atributo fill del trazado,
 * así que hay que forzarlo a heredar o el icono saldría negro sobre rojo.
 */
.ast-header-account .ast-header-account-link svg {
	width: 1.125rem;
	height: 1.125rem;
}

.ast-header-account .ast-header-account-link svg path {
	fill: currentColor;
}

/* El envoltorio de Astra añade su propio foco: se unifica con el nuestro. */
.ast-header-account .ast-header-account-wrap:focus-visible,
.ast-header-account .ast-header-account-link:focus-visible {
	outline: 0.125rem solid var(--wp--preset--color--blanco);
	outline-offset: 0.125rem;
}


/* =========================================================================
   11. BOTÓN DE CUENTA EN TABLETA Y MÓVIL
   =========================================================================

   Astra no ofrece ajustes por dispositivo para el texto de este elemento,
   así que se resuelve aquí: el botón se queda con el icono y el texto se
   oculta a la vista sin quitarlo del documento.

   El corte va a 920px, que es donde Astra cambia a su cabecera móvil: así
   el texto desaparece justo cuando la navegación pasa al desplegable, y no
   en un punto intermedio sin relación con nada.
   ========================================================================= */

@media (max-width: 57.5rem) {

	/*
	 * Oculto a la vista pero presente para lectores de pantalla. Con
	 * display: none el enlace se quedaría sin nombre accesible: la etiqueta
	 * que pone Astra, «Enlace del icono de la cuenta», no dice adónde va.
	 */
	.ast-header-account .ast-header-account-text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	/*
	 * Sin texto pero con la misma forma que en escritorio: con la sesión
	 * iniciada, Astra ya muestra solo el icono allí, así que un círculo
	 * aquí daría dos aspectos distintos al mismo botón.
	 */
	.ast-header-account .ast-header-account-link {
		justify-content: center;
		gap: 0;
		width: 2.5rem;
		min-height: 2rem;
		padding-inline: 0;
	}
}


/* =========================================================================
   12. PIE DE PÁGINA
   =========================================================================

   Medidas del diseño: títulos de columna a 24px, enlaces a 14px y la barra
   inferior a 11px. Todo en blanco salvo los enlaces legales, que van en
   rojo.
   ========================================================================= */

/* Títulos de columna. */
.site-footer .widget-title,
.site-footer .widgettitle,
.ast-footer-copyright .widget-title {
	color: var(--wp--preset--color--blanco);
	font-family: var(--wp--preset--font-family--spartan);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 800;
	line-height: 1.2;
	margin-block-end: var(--wp--preset--spacing--30);
}

/* Enlaces de los menús del pie. */
.site-footer .menu-item a,
.site-footer .ast-builder-menu a {
	color: var(--wp--preset--color--blanco);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 300;
	text-decoration: none;
	transition: color 0.2s ease;
}

.site-footer .menu-item a:hover,
.site-footer .menu-item a:focus-visible {
	color: var(--wp--preset--color--rojo);
}

/* Redes: etiqueta en blanco y símbolo en rojo, como en el diseño. */
.site-footer .ast-builder-social-element {
	color: var(--wp--preset--color--blanco);
	font-family: var(--wp--preset--font-family--syncopate);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.site-footer .ast-builder-social-element svg {
	fill: var(--wp--preset--color--rojo);
}

/* --- Métodos de pago ---------------------------------------------------- */

/*
 * Los logotipos van como máscara y no como imagen: los archivos usan
 * currentColor y una etiqueta de imagen no hereda el color, así que sobre
 * el pie negro saldrían negros sobre negro.
 */
.dvdrrb-pago {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	color: var(--wp--preset--color--blanco);
}

.dvdrrb-pago__texto {
	font-family: var(--wp--preset--font-family--spartan);
	font-size: var(--wp--preset--font-size--legal, 0.6875rem);
	font-weight: 500;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.dvdrrb-pago__logos {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.dvdrrb-pago__logo {
	display: block;
	width: 2.5rem;
	height: 1.625rem;
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.dvdrrb-pago__logo--visa {
	-webkit-mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-visa.svg");
	mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-visa.svg");
}

.dvdrrb-pago__logo--mastercard {
	-webkit-mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-mastercard.svg");
	mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-mastercard.svg");
}

.dvdrrb-pago__logo--paypal {
	-webkit-mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-paypal.svg");
	mask-image: url("/wp-content/themes/david-arroba-academy/assets/icons/pago-paypal.svg");
}

@media (max-width: 47.9375rem) {

	.dvdrrb-pago {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--wp--preset--spacing--10);
	}
}


/* =========================================================================
   13. BARRA INFERIOR DEL PIE
   =========================================================================

   Selectores tomados del marcado real de Astra. El menú usa .menu-link
   bajo el identificador #astra-footer-menu, que gana a cualquier selector
   de clases, y el copyright envuelve su texto en un párrafo propio.

   Los 11px van escritos porque no hay ningún token por debajo de 12, y
   crear uno solo para la letra legal no compensa.
   ========================================================================= */

.site-below-footer-wrap .ast-footer-copyright p,
.site-below-footer-wrap .ast-builder-html-element p {
	margin: 0;
	color: var(--wp--preset--color--blanco);
	font-size: 0.6875rem;
	line-height: 1.5;
}

/* Los enlaces legales sí van en rojo, al contrario que los del pie. */
.site-below-footer-wrap #astra-footer-menu .menu-link,
.site-below-footer-wrap .footer-nav-wrap .menu-link {
	color: var(--wp--preset--color--rojo);
	font-size: 0.6875rem;
	line-height: 1.5;
	text-decoration: none;
	transition: color 0.2s ease;
}

.site-below-footer-wrap #astra-footer-menu .menu-link:hover,
.site-below-footer-wrap #astra-footer-menu .menu-link:focus-visible {
	color: var(--wp--preset--color--blanco);
}

/*
 * Reparto de anchos: copyright y pago ocupan lo que necesitan y el menú se
 * queda con el resto. Con tres columnas iguales, la del menú no daba de sí
 * y los enlaces se partían en varias filas.
 */
@media (min-width: 62rem) {

	.site-below-footer-wrap .ast-builder-grid-row {
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: var(--wp--preset--spacing--30);
	}

	.site-below-footer-wrap .site-footer-below-section-2 {
		justify-content: center;
	}

	.site-below-footer-wrap .site-footer-below-section-3 {
		justify-content: flex-end;
	}
}

/* El menú legal en una sola fila, con hueco entre elementos. */
.site-below-footer-wrap #astra-footer-menu {
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.25rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-below-footer-wrap #astra-footer-menu .menu-item {
	margin: 0;
}


/* =========================================================================
   14. ALINEACIÓN Y MÁRGENES DEL PIE
   =========================================================================

   En el diseño las columnas arrancan por la izquierda, pero eso solo tiene
   sentido cuando están una al lado de otra. Apiladas en móvil, alinearlas
   a la izquierda las sacaba del contenedor.
   ========================================================================= */

@media (min-width: 62rem) {

	.site-primary-footer-wrap .site-footer-section {
		text-align: left;
		align-items: flex-start;
	}

	.site-primary-footer-wrap .ast-builder-layout-element {
		justify-content: flex-start;
	}
}

/* El pie no trae relleno lateral propio: se le da el del proyecto. */
@media (max-width: 61.9375rem) {

	.site-primary-footer-wrap,
	.site-below-footer-wrap {
		padding-inline: var(--dvdrrb-margen);
	}

	.site-primary-footer-wrap .site-footer-section,
	.site-below-footer-wrap .site-footer-section {
		text-align: center;
		align-items: center;
	}

	.site-primary-footer-wrap .ast-builder-layout-element,
	.site-below-footer-wrap .ast-builder-layout-element {
		justify-content: center;
	}

	.site-below-footer-wrap .dvdrrb-pago {
		justify-content: center;
		align-items: center;
	}
}


/* =========================================================================
   15. PIE EN TABLETA Y MÓVIL
   ========================================================================= */

/*
 * El número de columnas por dispositivo lo decide el Personalizador, en el
 * engranaje de la fila. Aquí solo se da aire entre filas cuando se apilan.
 */
@media (max-width: 61.9375rem) {

	.site-primary-footer-wrap .ast-builder-grid-row {
		row-gap: var(--wp--preset--spacing--60);
	}
}

/*
 * El logotipo y los menús son elementos de bloque, así que no los centra
 * el text-align de su columna: hay que colocarlos por su cuenta.
 */
@media (max-width: 61.9375rem) {

	.site-primary-footer-wrap .widget img,
	.site-primary-footer-wrap figure img {
		margin-inline: auto;
	}

	.site-primary-footer-wrap .wp-block-image,
	.site-primary-footer-wrap figure {
		text-align: center;
	}

	.site-primary-footer-wrap .wp-block-navigation,
	.site-primary-footer-wrap .wp-block-navigation__container,
	.site-primary-footer-wrap .wp-block-navigation ul,
	.site-primary-footer-wrap .menu,
	.site-primary-footer-wrap .widget ul {
		align-items: center;
		justify-content: center;
		padding-inline: 0;
		text-align: center;
	}

	/*
	 * Cada columna lleva su propio ajuste de alineación por dispositivo en
	 * el Personalizador, y basta con que uno se quede sin tocar para que
	 * los títulos no cuadren. Se unifican aquí.
	 */
	.site-primary-footer-wrap .site-footer-section .widget-title,
	.site-primary-footer-wrap .site-footer-section .widgettitle,
	.site-primary-footer-wrap .footer-widget-area-inner {
		text-align: center;
	}
}