/* =========================================================================
   ADG Directorio · Menú de la cabecera  ·  [adg_menu]  ·  [adg_menu parte="movil"]
   Valores tomados de la cabecera de Plantilla_Home.html / Plantilla_Nivel2
   (bloques .nav, .mega, .mobile-panel). Paleta: sistema-de-diseno-divi.md.
   Se carga en el <head> de todas las páginas (ver adg-directorio.php).

   REPARTO (D110). Aquí solo el aspecto de la navegación, que es componente
   del plugin. La barra en la que va (fondo, alto, logo, bandera, botón
   granate) es de Divi y no se toca desde este archivo, salvo UNA excepción,
   marcada abajo: la posición del desplegable exige que las cajas de Divi que
   lo contienen no le roben el punto de referencia.
   ====================================================================== */

.adg-menu,
.adg-movil,
.adg-movil-barra,
.adg-idioma,
.adg-alta-wrap {
	--adg-ink: #1c1d24;
	--adg-indigo: #26314a;
	--adg-granate: #8c2733;
	--adg-granate-hi: #a5344a;
	--adg-granate-ink: #6d1c2a;
	--adg-paper: #faf7f2;
	--adg-paper-2: #f4eee6;
	--adg-line: #dbd2c4;
	--adg-white: #fff;
	--adg-texto-nav: #40382e;
	--adg-texto-sub: #5c5343;
	--adg-mute: #8a8069;
	--adg-shadow-lg: 0 12px 48px rgba(26, 31, 43, .16);
	--adg-laton: #c99b5e;
	--adg-ok: #2f6b4f;
}

.adg-menu *,
.adg-movil * {
	box-sizing: border-box;
}

/* Divi pone viñetas y márgenes a las listas y a los párrafos del contenido.
   Dos clases pesan más que sus selectores de una clase y una etiqueta. */
.adg-menu .adg-menu-lista,
.adg-menu .adg-mega-subs {
	list-style: none;
	margin: 0;
	padding: 0;
}

.adg-menu .adg-menu-lista > li,
.adg-menu .adg-mega-subs > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.adg-menu summary,
.adg-movil summary {
	list-style: none;
	cursor: pointer;
}

.adg-menu summary::-webkit-details-marker,
.adg-movil summary::-webkit-details-marker {
	display: none;
}

/* -------------------------------------------------------------------------
   Escritorio · la fila de enlaces
   ---------------------------------------------------------------------- */

.adg-menu .adg-menu-lista {
	display: flex;
	align-items: center;
	gap: 4px;
}

.adg-menu .adg-menu-a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 9px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--adg-texto-nav);
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s, color .15s;
}

.adg-menu .adg-menu-a:hover,
.adg-menu .adg-menu-a[aria-current="page"],
.adg-menu details[open] > .adg-menu-a {
	background: var(--adg-paper-2);
	color: var(--adg-granate);
}

.adg-menu .adg-menu-a:focus-visible {
	outline: 2px solid var(--adg-granate);
	outline-offset: 2px;
}

.adg-menu .adg-menu-flecha,
.adg-movil .adg-menu-flecha {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	transition: transform .2s;
	flex: none;
}

.adg-menu details[open] > summary .adg-menu-flecha {
	transform: rotate(180deg);
}

/* -------------------------------------------------------------------------
   Escritorio · el desplegable
   Va a lo ancho de la barra, con el contenido en el ancho de las filas del
   sitio (1136 de contenido, D100), como el .mega de la maqueta.

   EXCEPCIÓN a D110, documentada: el desplegable se coloca respecto a la
   SECCIÓN de Divi que lleva el menú. Para eso las cajas intermedias (fila,
   columna, módulo) no pueden ser punto de referencia. Solo afecta a las
   cajas que contienen el menú, por :has().
   ---------------------------------------------------------------------- */

/* 1.8.15 (25 sep 2026): medido en /civil/ con el menú ya en el encabezado
   global, el desplegable salía de 372 de ancho —el del menú— porque dos
   cajas de Divi seguían siendo punto de referencia:
   · `.et_pb_code_inner`, la caja interior del módulo Código, a la que Divi
     pone `position: relative` y que no estaba en la lista;
   · la fila: la regla de Divi `.et_pb_row:not(.et_flex_column)` pesa lo
     mismo que `.et_pb_row:has(.adg-menu)` (dos clases) y va después.
   Se antepone `.et_pb_section` a las cuatro cajas: tres clases ganan a dos
   sin `!important`. */
.et_pb_section .et_pb_row:has(.adg-menu),
.et_pb_section .et_pb_column:has(.adg-menu),
.et_pb_section .et_pb_module:has(.adg-menu),
.et_pb_section .et_pb_code_inner:has(.adg-menu),
.adg-menu,
.adg-menu .adg-menu-lista > li,
.adg-menu .adg-desp {
	position: static;
}

.et_pb_section:has(.adg-menu) {
	position: relative;
}

.adg-menu .adg-mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 90;
	background: var(--adg-white);
	border-top: 1px solid var(--adg-line);
	box-shadow: var(--adg-shadow-lg);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	text-align: left;
}

.adg-menu .adg-mega-in {
	max-width: 1180px;
	margin: 0 auto;
	padding: 24px 22px 26px;
}

.adg-menu .adg-mega-areas {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px 24px;
	align-items: start;
}

.adg-menu .adg-mega-area {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 3px;
	padding: 7px 8px;
	border-bottom: 1px solid var(--adg-line);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--adg-granate-ink);
	text-decoration: none;
}

.adg-menu .adg-mega-area:hover,
.adg-menu .adg-mega-area.es-actual {
	background: var(--adg-paper-2);
}

.adg-menu .adg-mega-area svg {
	width: 18px;
	height: 18px;
	flex: none;
	fill: none;
	stroke: var(--adg-granate);
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.adg-menu .adg-mega-subs {
	display: flex;
	flex-direction: column;
	margin-top: 4px;
}

.adg-menu .adg-mega-subs a {
	display: block;
	padding: 4px 8px 4px 27px;
	border-radius: 6px;
	font-size: 12.5px;
	line-height: 1.3;
	color: var(--adg-texto-sub);
	text-decoration: none;
}

.adg-menu .adg-mega-subs a:hover,
.adg-menu .adg-mega-subs a[aria-current="page"] {
	background: var(--adg-paper-2);
	color: var(--adg-granate);
}

/* Poblaciones: no está en la maqueta (D109). Mismos botones que la lista de
   localidades de la portada (.town), en rejilla. */
.adg-menu .adg-mega-pob {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 8px;
}

.adg-menu .adg-mega-mun {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	background: var(--adg-white);
	border: 1px solid var(--adg-line);
	border-radius: 9px;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--adg-ink);
	text-decoration: none;
}

.adg-menu .adg-mega-mun:hover,
.adg-menu .adg-mega-mun[aria-current="page"] {
	border-color: var(--adg-granate);
	background: var(--adg-paper-2);
}

.adg-menu .adg-mega-mun svg,
.adg-movil .adg-movil-mun svg {
	width: 15px;
	height: 15px;
	flex: none;
	fill: none;
	stroke: var(--adg-granate);
	stroke-width: 1.8;
}

.adg-menu .adg-mega-pie {
	max-width: 1180px;
	margin: 0 auto;
	padding: 4px 22px 22px;
}

.adg-menu .adg-mega-pie a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 700;
	color: var(--adg-indigo);
	text-decoration: none;
}

.adg-menu .adg-mega-pie a:hover {
	color: var(--adg-granate);
}

@media (max-width: 1100px) {
	.adg-menu .adg-mega-areas {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------------------
   Móvil · hamburguesa y panel lateral (corte de la maqueta: 980)
   ---------------------------------------------------------------------- */

.adg-movil,
.adg-movil-barra {
	display: none;
}

@media (max-width: 980px) {

	.adg-menu {
		display: none;
	}

	.adg-movil {
		display: block;
	}

	.adg-movil-barra {
		display: flex;
		align-items: center;
		gap: 10px;
	}
}

/* 1.8.16 · Acceso a /consulta/ en móvil: la versión de 44 px del botón
   granate de la barra (maqueta: .btn-consulta por debajo de 980). */
.adg-movil-barra .adg-movil-cta-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--adg-granate);
	color: var(--adg-white);
	box-shadow: 0 5px 16px rgba(140, 39, 51, .34);
	text-decoration: none;
}

.adg-movil-barra .adg-movil-cta-ico:hover,
.adg-movil-barra .adg-movil-cta-ico:focus-visible {
	background: var(--adg-granate-hi);
}

.adg-movil-barra .adg-movil-cta-ico svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

.adg-movil .adg-movil-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--adg-line);
	border-radius: 10px;
	background: var(--adg-white);
}

.adg-movil .adg-movil-btn svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: var(--adg-ink);
	stroke-width: 2;
}

.adg-movil .adg-movil-ic-cerrar,
.adg-movil[open] .adg-movil-ic-abrir {
	display: none;
}

.adg-movil[open] .adg-movil-ic-cerrar {
	display: block;
}

/* Abierto, el botón pasa a ser la X del panel, arriba a la derecha. */
.adg-movil[open] > .adg-movil-btn {
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 302;
}

/* 1.9.10 · Con el panel abierto, su columna de Divi sube por encima de la
   franja superior. La columna de «¿Eres abogado? Date de alta» lleva Índice Z
   10020 en Divi (D114, para quedar sobre la barra blanca fija, 10010), y la
   columna de la barra blanca lleva 2: el panel (301) no puede salir de ella y
   la franja se veía por encima del panel y del fondo oscuro. Solo mientras
   está abierto; cerrado, todo queda como antes. Sin !important. */
.et_pb_column:has(details.adg-movil[open]) {
	z-index: 10030;
}

/* Fondo oscuro. Es el propio <details>: un clic en él lo cierra (script). */
.adg-movil[open]::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 300;
	background: rgba(26, 31, 43, .28);
}

.adg-movil .adg-movil-panel {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 301;
	width: min(88vw, 360px);
	display: flex;
	flex-direction: column;
	padding-top: 72px;
	overflow-y: auto;
	background: var(--adg-white);
	box-shadow: -10px 0 40px rgba(26, 31, 43, .22);
	text-align: left;
}

html:has(.adg-movil[open]) {
	overflow: hidden;
}

.adg-movil .adg-movil-nav {
	border-top: 1px solid var(--adg-paper-2);
}

.adg-movil .adg-movil-a,
.adg-movil .adg-movil-acc > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 20px;
	border-bottom: 1px solid var(--adg-paper-2);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.3;
	color: #2f2a22;
	text-decoration: none;
}

.adg-movil .adg-movil-acc > summary .adg-menu-flecha {
	width: 18px;
	height: 18px;
	stroke: var(--adg-granate);
}

.adg-movil .adg-movil-acc[open] > summary .adg-menu-flecha {
	transform: rotate(180deg);
}

.adg-movil .adg-movil-acc > .adg-movil-cuerpo {
	background: var(--adg-paper);
	padding-bottom: 6px;
}

/* Segundo nivel: cada área dentro de «Especialidades». */
.adg-movil .adg-movil-acc-2 > summary {
	padding: 11px 20px 11px 26px;
	font-size: 14.5px;
	background: var(--adg-white);
}

.adg-movil .adg-movil-area {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 11px 20px 6px 30px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--adg-granate-ink);
	text-decoration: none;
}

.adg-movil .adg-movil-sub {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px 8px 38px;
	font-size: 13.5px;
	line-height: 1.3;
	color: var(--adg-texto-sub);
	text-decoration: none;
}

.adg-movil .adg-movil-mun {
	padding-left: 26px;
}

.adg-movil .adg-movil-sub[aria-current="page"],
.adg-movil .adg-movil-area[aria-current="page"] {
	color: var(--adg-granate);
	font-weight: 700;
}

.adg-movil .adg-movil-pie {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 18px 20px;
	border-top: 1px solid var(--adg-line);
}

.adg-movil .adg-movil-cta {
	display: flex;
	justify-content: center;
	padding: 12px 18px;
	border-radius: 10px;
	background: var(--adg-granate);
	box-shadow: 0 5px 16px rgba(140, 39, 51, .34);
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

.adg-movil .adg-movil-cta:hover {
	background: var(--adg-granate-hi);
}

/* 1.8.19 · English-speaking lawyers como una fila más del menú, con bandera
   (antes: enlace gris de 13 px en el pie). Misma altura y tipo que las filas
   de arriba; va después de .adg-movil-a para ganarle por orden. */
.adg-movil .adg-movil-a-en {
	justify-content: flex-start;
	gap: 10px;
}

.adg-movil .adg-movil-bandera {
	display: block;
	flex: none;
	width: 20px;
	height: 14px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(26, 31, 43, .14);
}

.adg-movil a:focus-visible,
.adg-movil summary:focus-visible {
	outline: 2px solid var(--adg-granate);
	outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
	.adg-menu .adg-menu-a,
	.adg-menu .adg-menu-flecha,
	.adg-movil .adg-menu-flecha {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
   1.8.17 · Idioma: bandera del Reino Unido y «EN» en una cajita
   (maqueta: .lang de la barra, 38 de alto, borde --line, radio 9, fondo
   blanco). Solo escritorio: por debajo de 980 el enlace en inglés va en el
   panel lateral. Sin !important.
   ---------------------------------------------------------------------- */

.adg-idioma {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 38px;
	padding: 0 12px;
	border: 1px solid var(--adg-line);
	border-radius: 9px;
	background: var(--adg-white);
	color: var(--adg-texto-nav);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .4px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s, border-color .15s, color .15s;
}

.adg-idioma:hover,
.adg-idioma:focus-visible {
	border-color: var(--adg-granate);
	background: var(--adg-paper-2);
	color: var(--adg-granate);
}

.adg-idioma:focus-visible {
	outline: 2px solid var(--adg-granate);
	outline-offset: 2px;
}

.adg-idioma .adg-idioma-bandera {
	display: block;
	flex: none;
	width: 20px;
	height: 14px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(26, 31, 43, .14);
}

@media (max-width: 980px) {
	.adg-idioma {
		display: none;
	}
}

/* 1.8.18 · De 981 a 1000 px la fila de la barra queda justa (logo + menú +
   idioma + botón suman 923 sobre ~922 con la barra de desplazamiento de
   Windows) y Divi parte el botón en dos líneas. Aquí la cajita se queda solo
   con la bandera (~42 px); el enlace sigue visible. */
@media (min-width: 981px) and (max-width: 1000px) {
	.adg-idioma {
		padding: 0 10px;
	}

	.adg-idioma .adg-idioma-cod {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adg-idioma {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
   1.9.0 · Formulario de alta [adg_alta] (D106), en la franja superior.
   El enlace sigue el .topbar a.lawyer de la maqueta; la tarjeta se coloca
   respecto a la sección de la franja (misma excepción que el menú: las cajas
   de Divi que la contienen pasan a static) y queda por encima de la barra
   blanca, también cuando es fija (z-index de Divi: 10010). Sin !important.
   ---------------------------------------------------------------------- */

.et_pb_section .et_pb_row:has(.adg-alta),
.et_pb_section .et_pb_column:has(.adg-alta),
.et_pb_section .et_pb_module:has(.adg-alta),
.et_pb_section .et_pb_code_inner:has(.adg-alta),
.adg-alta-wrap,
.adg-alta {
	position: static;
}

.et_pb_section:has(.adg-alta) {
	position: relative;
}

.adg-alta-wrap {
	display: flex;
	justify-content: flex-end;
}

.adg-alta .adg-alta-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	cursor: pointer;
	font-size: 12.5px;
	line-height: 1.5;
	color: #cdd3e0;
	transition: color .15s;
}

.adg-alta .adg-alta-btn::-webkit-details-marker {
	display: none;
}

.adg-alta .adg-alta-btn:hover,
.adg-alta[open] > .adg-alta-btn {
	color: #fff;
}

.adg-alta .adg-alta-btn:focus-visible {
	outline: 2px solid var(--adg-laton);
	outline-offset: 2px;
}

.adg-alta .adg-alta-btn svg {
	width: 13px;
	height: 13px;
	flex: none;
	fill: none;
	stroke: var(--adg-laton);
	stroke-width: 1.8;
}

.adg-alta .adg-alta-card {
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	right: max(22px, calc((100% - 1136px) / 2));
	z-index: 10020;
	width: min(380px, calc(100vw - 32px));
	max-height: calc(100vh - 120px);
	overflow-y: auto;
	padding: 22px 22px 18px;
	border: 1px solid var(--adg-line);
	border-radius: 14px;
	background: var(--adg-white);
	box-shadow: var(--adg-shadow-lg);
	color: var(--adg-ink);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: normal;
	text-align: left;
}

.adg-alta .adg-alta-card *,
.adg-alta .adg-alta-card *::before,
.adg-alta .adg-alta-card *::after {
	box-sizing: border-box;
}

.adg-alta .adg-alta-tit {
	margin: 0 0 6px;
	padding: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--adg-ink);
}

.adg-alta .adg-alta-intro {
	margin: 0 0 16px;
	padding: 0;
	font-size: 13.5px;
	color: var(--adg-texto-sub);
}

.adg-alta .adg-alta-campo {
	margin: 0 0 12px;
}

.adg-alta .adg-alta-campo > label:not(.adg-alta-check) {
	display: block;
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--adg-texto-nav);
}

.adg-alta .adg-alta-campo input[type="text"],
.adg-alta .adg-alta-campo input[type="tel"],
.adg-alta .adg-alta-campo input[type="email"] {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--adg-line);
	border-radius: 9px;
	background: var(--adg-paper);
	font: inherit;
	font-size: 15px;
	color: var(--adg-ink);
}

.adg-alta .adg-alta-campo input:focus {
	outline: none;
	border-color: var(--adg-granate);
	box-shadow: 0 0 0 3px rgba(140, 39, 51, .12);
	background: var(--adg-white);
}

.adg-alta .adg-alta-campo input[aria-invalid="true"] {
	border-color: var(--adg-granate);
}

.adg-alta .adg-alta-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	color: var(--adg-texto-sub);
	cursor: pointer;
}

.adg-alta .adg-alta-check input {
	flex: none;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: var(--adg-granate);
}

.adg-alta .adg-alta-check a {
	color: var(--adg-granate);
	text-decoration: underline;
}

.adg-alta .adg-alta-err {
	display: block;
	margin-top: 4px;
	font-size: 12.5px;
	color: var(--adg-granate);
}

.adg-alta .adg-alta-err:empty {
	display: none;
}

.adg-alta .adg-alta-enviar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	margin: 4px 0 0;
	padding: 11px 18px;
	border: 0;
	border-radius: 10px;
	background: var(--adg-granate);
	box-shadow: 0 5px 16px rgba(140, 39, 51, .34);
	font: inherit;
	font-size: 14.5px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.adg-alta .adg-alta-enviar:hover,
.adg-alta .adg-alta-enviar:focus-visible {
	background: var(--adg-granate-hi);
}

.adg-alta .adg-alta-enviar:disabled {
	opacity: .6;
	cursor: wait;
}

.adg-alta .adg-alta-msg {
	margin: 10px 0 0;
	padding: 0;
	font-size: 13px;
	color: var(--adg-granate);
}

.adg-alta .adg-alta-msg:empty {
	display: none;
}

.adg-alta .adg-alta-ok {
	margin: 6px 0 4px;
	padding: 12px 14px;
	border-left: 3px solid var(--adg-ok);
	border-radius: 8px;
	background: var(--adg-paper-2);
	font-size: 14px;
	color: var(--adg-ink);
}

.adg-alta .adg-alta-ok[hidden],
.adg-alta .adg-alta-form[hidden] {
	display: none;
}

/* Campo trampa: fuera de la pantalla, no oculto con display (algunos robots
   se saltan los campos ocultos). */
.adg-alta .adg-alta-trampa {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Por debajo de 600 la franja se apila centrada (maqueta) y la tarjeta ocupa
   el ancho de la pantalla. */
@media (max-width: 600px) {
	.adg-alta-wrap {
		justify-content: center;
	}

	.adg-alta .adg-alta-btn {
		font-size: 12px;
	}

	.adg-alta .adg-alta-card {
		left: 16px;
		right: 16px;
		width: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.adg-alta .adg-alta-btn {
		transition: none;
	}
}


/* =========================================================================
 * PIE DE PÁGINA · [adg_pie] (1.9.2). Valores de la maqueta (Plantilla_Home,
 * .foot): títulos 11px en latón claro, enlaces 13px #aeb4c2, blanco al pasar.
 * El fondo tinta (#1C1D24), las columnas y el logo los pone Divi.
 * ====================================================================== */
.adg-pie {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
}
.adg-pie-t {
	margin: 0 0 12px;
	padding: 0;
	font-size: 11px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #c99b5e;
}
.adg-pie-lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.adg-pie-lista li {
	margin: 0;
	padding: 0;
	line-height: 1.35;
}
.adg-pie a,
.adg-pie-legal a {
	color: #aeb4c2;
	text-decoration: none;
	font-size: 13px;
}
.adg-pie a:hover,
.adg-pie a:focus-visible,
.adg-pie-legal a:hover,
.adg-pie-legal a:focus-visible {
	color: #fff;
}
.adg-pie-legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 22px;
	font-size: 12px;
	line-height: 1.5;
	color: #7e8492;
}
.adg-pie-legal a {
	font-size: 12px;
}
.adg-pie-legales {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
}
@media (max-width: 920px) {
	.adg-pie {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 560px) {
	/* 1.9.3: en móvil, cada lista en dos columnas (no se esconde ningún
	   enlace) y enlaces de ~35 px de alto para el dedo. */
	.adg-pie {
		grid-template-columns: 1fr;
		gap: 22px;
	}
	.adg-pie-lista {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 16px;
	}
	.adg-pie-lista a {
		display: block;
		padding: 9px 0;
	}
	.adg-pie-t {
		margin-bottom: 4px;
	}
	.adg-pie-legal {
		justify-content: flex-start;
	}
	.adg-pie-legales a {
		display: inline-block;
		padding: 8px 0;
	}
}