/* =========================================================================
 * Ficha de despacho · adg-directorio 1.10.0 – 1.14.0 (30 sep – 1 oct 2026)
 * Se carga en el <head> de las fichas (is_singular('despacho')).
 * Divi pone secciones, fondos y columnas; aquí solo el aspecto de los
 * bloques que pinta [adg_ficha]. Sin !important.
 * ====================================================================== */

.adg-ficha-cab,
.adg-ficha-contacto,
.adg-ficha-cuerpo,
.adg-otros,
.adg-mbar {
	--adg-ink: #1c1d24;
	--adg-indigo: #26314a;
	--adg-indigo-2: #374663;
	--adg-red: #8c2733;
	--adg-red-hi: #a5344a;
	--adg-red-ink: #6d1c2a;
	--adg-brass: #a97e42;
	--adg-brass-lite: #c99b5e;
	--adg-paper: #faf7f2;
	--adg-paper-2: #f4eee6;
	--adg-line: #dbd2c4;
	--adg-mute: #8a8069;
	--adg-serif: Georgia, "Times New Roman", serif;
	--adg-shadow: 0 1px 2px rgba(26, 31, 43, .05), 0 8px 28px rgba(26, 31, 43, .08);
}

.adg-fi {
	width: 16px;
	height: 16px;
	flex: none;
}

/* ---------- Cabecera ----------
   El fondo oscuro es de la sección de Divi. Esa sección lleva la clase
   `adg-ficha-seccion-cab`: con ella la línea latón sale solo en Premium
   (D133), porque Divi no puede condicionar un estilo al plan. */

body.adg-ficha-premium .adg-ficha-seccion-cab {
	border-bottom: 4px solid #c99b5e;
}

.adg-ficha-cab {
	display: flex;
	align-items: center;
	gap: 26px;
	color: #fff;
}

.adg-ficha-logo {
	flex: none;
	width: 156px;
	height: 96px;
	box-sizing: border-box;
	padding: 10px 14px;
	border-radius: 14px;
	background: #fff;
	display: grid;
	place-items: center;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
	container-type: inline-size;
}

.adg-ficha-cab-prem .adg-ficha-logo {
	box-shadow: 0 0 0 3px var(--adg-brass-lite), 0 10px 30px rgba(0, 0, 0, .28);
}

/* 1.12.1: tope en píxeles, no en %. Dentro de la rejilla, `max-height: 100%`
   no se resolvía y los logos altos (Robledillo & Herrera) salían cortados
   arriba y abajo. Hueco útil: 156×96 menos el relleno (10 · 14) = 128×76. */
.adg-ficha-logo img {
	display: block;
	max-width: 128px;
	max-height: 76px;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Logo de texto (D123), el de la tarjeta a mayor tamaño. */
.adg-ficha-logo-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
}

.adg-ficha-logo-txt .adg-logo-ap {
	font-family: var(--adg-serif);
	text-transform: uppercase;
	color: var(--adg-indigo);
	font-size: min(24px, calc(84cqw / (var(--adg-n) * .74)));
	letter-spacing: .01em;
	white-space: nowrap;
}

.adg-ficha-logo-txt .adg-logo-ab {
	margin-top: 5cqw;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--adg-brass);
	font-size: max(7px, 6.4cqw);
	letter-spacing: .32em;
	margin-right: -.32em;
}

.adg-ficha-logo-txt .adg-logo-ab::before {
	content: "";
	display: block;
	width: 27cqw;
	height: 1px;
	margin: 0 auto 3.5cqw;
	background: var(--adg-brass-lite);
	transform: translateX(-.16em);
}

.adg-ficha-cab-txt {
	flex: 1;
	min-width: 0;
}

.adg-ficha-sellos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
}

.adg-ficha-sello {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .4px;
	line-height: 1.4;
	border-radius: 999px;
	padding: 4px 11px;
}

.adg-ficha-sello .adg-fi {
	width: 12px;
	height: 12px;
}

.adg-ficha-sello-prem {
	background: rgba(201, 155, 94, .18);
	color: var(--adg-brass-lite);
	border: 1px solid rgba(201, 155, 94, .5);
}

.adg-ficha-sello-pcg {
	background: rgba(47, 107, 79, .25);
	color: #9fdcb9;
	border: 1px solid rgba(143, 211, 172, .45);
}

.adg-ficha-cab .adg-ficha-h1 {
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: clamp(25px, 3.2vw, 34px);
	line-height: 1.1;
	letter-spacing: -.4px;
	color: #fff;
	margin: 0 0 6px;
	padding: 0;
}

.adg-ficha-cab .adg-ficha-rol {
	font-size: 15px;
	color: #d7dbe6;
	margin: 0 0 14px;
	padding: 0;
}

.adg-ficha-cab .adg-ficha-meta {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	font-size: 13px;
	color: #c2c9d8;
}

.adg-ficha-meta li {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
}

.adg-ficha-meta li::before {
	content: none;
}

.adg-ficha-meta .adg-fi {
	color: var(--adg-brass-lite);
	width: 15px;
	height: 15px;
}

.adg-ficha-meta b {
	color: #fff;
	font-weight: 600;
}

.adg-ficha-acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.adg-fbtn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	border-radius: 10px;
	padding: 11px 17px;
	text-decoration: none;
	white-space: nowrap;
}

.adg-fbtn-call {
	background: var(--adg-red);
	color: #fff;
	box-shadow: 0 6px 18px rgba(140, 39, 51, .4);
}

.adg-fbtn-call:hover,
.adg-fbtn-call:focus-visible {
	background: var(--adg-red-hi);
	color: #fff;
}

.adg-fbtn-wa {
	background: #25916b;
	color: #fff;
}

.adg-fbtn-wa:hover,
.adg-fbtn-wa:focus-visible {
	background: #207d5c;
	color: #fff;
}

.adg-fbtn-ghost {
	background: rgba(255, 255, 255, .08);
	color: #eef1f7;
	border: 1px solid rgba(255, 255, 255, .22);
}

.adg-fbtn-ghost:hover,
.adg-fbtn-ghost:focus-visible {
	background: rgba(255, 255, 255, .16);
	border-color: var(--adg-brass-lite);
	color: #fff;
}

/* ---------- Tarjeta de contacto ---------- */

.adg-ficha-contacto {
	border: 1px solid var(--adg-line);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--adg-shadow);
	color: var(--adg-ink);
	scroll-margin-top: 100px;
}

/* Solo en Premium acompaña el desplazamiento; la de la Normal es corta.
   1.11.1: el fijado va en el módulo Código de Divi que envuelve la tarjeta,
   no en la tarjeta: su caja interior mide lo mismo que ella y no le dejaba
   recorrido. El módulo vive en la columna, que es tan alta como la fila.
   La ficha no tiene barra fija arriba: 24px de aire (56 con la barra de
   administración de WordPress). */
.et_pb_module:has(> .et_pb_code_inner > .adg-ficha-contacto-prem) {
	position: sticky;
	top: 24px;
}

body.admin-bar .et_pb_module:has(> .et_pb_code_inner > .adg-ficha-contacto-prem) {
	top: 56px;
}

.adg-ficha-contacto-h {
	background: linear-gradient(120deg, var(--adg-indigo), var(--adg-indigo-2));
	color: #fff;
	padding: 15px 18px;
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 16px;
}

.adg-ficha-contacto-b {
	padding: 6px 18px 16px;
}

.adg-ficha-fila {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 11px 0;
	border-bottom: 1px solid var(--adg-paper-2);
	font-size: 14px;
	line-height: 1.45;
}

.adg-ficha-fila > .adg-fi {
	color: var(--adg-red);
	width: 18px;
	height: 18px;
	margin-top: 2px;
}

.adg-ficha-fila > div {
	min-width: 0;
}

.adg-ficha-et {
	display: block;
	color: var(--adg-mute);
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: .4px;
	margin-bottom: 1px;
}

.adg-ficha-fila a {
	color: var(--adg-indigo);
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.adg-ficha-fila a:hover {
	color: var(--adg-red);
}

.adg-ficha-dir {
	display: block;
	color: var(--adg-ink);
}

.adg-ficha-fila a.adg-ficha-llegar {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 7px;
	font-size: 12.5px;
	font-weight: 700;
	color: #fff;
	background: var(--adg-indigo);
	border-radius: 8px;
	padding: 6px 11px;
}

.adg-ficha-fila a.adg-ficha-llegar:hover {
	background: var(--adg-indigo-2);
	color: #fff;
}

.adg-ficha-llegar .adg-fi {
	width: 13px;
	height: 13px;
}

.adg-ficha-vcard {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--adg-indigo);
	background: var(--adg-paper-2);
	border: 1px dashed #b9ab92;
	border-radius: 10px;
	padding: 10px;
	text-decoration: none;
}

.adg-ficha-vcard:hover,
.adg-ficha-vcard:focus-visible {
	border-color: var(--adg-indigo);
	color: var(--adg-indigo);
}

/* ---------- Columna izquierda (1.11.0) ----------
   Los selectores llevan dos clases para ganar a los estilos generales de
   Divi sobre h2, p, ul y a sin usar !important. */

.adg-ficha-cuerpo {
	color: var(--adg-ink);
}

.adg-ficha-cuerpo .adg-ficha-blq {
	margin: 0;
	padding: 0;
}

.adg-ficha-cuerpo .adg-ficha-blq + .adg-ficha-blq {
	margin-top: 34px;
}

.adg-ficha-cuerpo .adg-ficha-h2 {
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.25;
	letter-spacing: -.2px;
	color: var(--adg-ink);
	margin: 0 0 14px;
	padding: 0;
}

.adg-ficha-cuerpo .adg-ficha-h3 {
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	color: var(--adg-indigo);
	margin: 22px 0 8px;
	padding: 0;
}

.adg-ficha-sobre p {
	font-size: 17px;
	line-height: 1.72;
	color: #33302b;
	margin: 0 0 14px;
	padding: 0;
}

.adg-ficha-sobre p:last-child {
	margin-bottom: 0;
}

/* 1.12.2 (James): el primer párrafo va del mismo tamaño y color que el
   resto; solo la letra capital marca la entrada. El texto lo escribe cada
   despacho y su primer párrafo no es un resumen. */

.adg-ficha-sobre p.adg-ficha-capital::first-letter {
	float: left;
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 58px;
	line-height: .9;
	color: var(--adg-red);
	padding: 6px 10px 0 0;
}

.adg-ficha-sobre ul.adg-ficha-lista {
	margin: 0 0 14px;
	padding: 0 0 0 1.2em;
	list-style: disc;
	font-size: 17px;
	line-height: 1.6;
	color: #33302b;
}

.adg-ficha-sobre ul.adg-ficha-lista li {
	margin: 0 0 6px;
	padding: 0;
}

.adg-ficha-sobre ul.adg-ficha-lista li::marker {
	color: var(--adg-red);
}

/* Abogados */
.adg-ficha-cuerpo ul.adg-ficha-abogados {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 8px;
}

.adg-ficha-cuerpo ul.adg-ficha-abogados li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 11px 14px;
	background: #fff;
	border: 1px solid var(--adg-line);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--adg-ink);
}

.adg-ficha-abogados .adg-fi {
	color: var(--adg-brass);
	width: 18px;
	height: 18px;
}

/* Chips de áreas y poblaciones */
.adg-ficha-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.adg-ficha-cuerpo .adg-ficha-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--adg-red-ink);
	background: var(--adg-paper-2);
	border: 1px solid var(--adg-line);
	border-radius: 9px;
	padding: 8px 14px;
	text-decoration: none;
}

.adg-ficha-chip .adg-fi {
	width: 17px;
	height: 17px;
	color: var(--adg-red);
}

.adg-ficha-cuerpo a.adg-ficha-chip:hover,
.adg-ficha-cuerpo a.adg-ficha-chip:focus-visible {
	border-color: var(--adg-red);
	color: var(--adg-red);
	background: #fff;
}

.adg-ficha-cuerpo .adg-ficha-chip-pob {
	color: var(--adg-ink);
	background: #fff;
	font-weight: 500;
}

.adg-ficha-cuerpo .adg-ficha-chip-sede {
	border-color: var(--adg-red);
	font-weight: 700;
}

/* Fotos */
.adg-ficha-fotos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.adg-ficha-fotos img.adg-ficha-foto {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 10px;
	border: 1px solid var(--adg-line);
	background: var(--adg-paper-2);
}

/* ---------- Formulario de consulta de la Premium (1.13.0) ---------- */

/* 1.13.1: campo trampa fuera de la pantalla (la regla de menu.css solo
   alcanza al formulario de alta). No con display:none: algunos robots se
   saltan los campos ocultos. */
.adg-cons .adg-alta-trampa {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.adg-cons {
	border-top: 1px solid var(--adg-line);
	background: var(--adg-paper);
	padding: 16px 18px 18px;
}

.adg-ficha-contacto .adg-cons-tit {
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
	color: var(--adg-ink);
	margin: 0 0 12px;
	padding: 0;
}

.adg-cons-campo {
	margin: 0 0 10px;
}

.adg-cons-campo label {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--adg-ink);
	margin: 0 0 4px;
}

.adg-ficha-contacto .adg-cons-campo input,
.adg-ficha-contacto .adg-cons-campo textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	font-size: 15px;
	line-height: 1.4;
	color: var(--adg-ink);
	background: #fff;
	border: 1px solid var(--adg-line);
	border-radius: 9px;
	padding: 9px 11px;
	margin: 0;
}

.adg-ficha-contacto .adg-cons-campo textarea {
	resize: vertical;
	min-height: 110px;
}

.adg-ficha-contacto .adg-cons-campo input:focus,
.adg-ficha-contacto .adg-cons-campo textarea:focus {
	outline: 2px solid rgba(140, 39, 51, .25);
	border-color: var(--adg-red);
}

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

.adg-cons-ayuda {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: var(--adg-mute);
	margin: 0 0 6px;
}

.adg-cons-err {
	display: block;
	font-size: 12px;
	color: var(--adg-red);
	margin-top: 3px;
}

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

.adg-ficha-contacto .adg-cons-enviar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	font: inherit;
	font-size: 14.5px;
	font-weight: 700;
	color: #fff;
	background: var(--adg-red);
	border: 0;
	border-radius: 10px;
	padding: 12px;
	cursor: pointer;
}

.adg-ficha-contacto .adg-cons-enviar:hover,
.adg-ficha-contacto .adg-cons-enviar:focus-visible {
	background: var(--adg-red-hi);
}

.adg-ficha-contacto .adg-cons-enviar:disabled {
	opacity: .6;
	cursor: wait;
}

.adg-ficha-contacto .adg-cons-msg {
	font-size: 13px;
	color: var(--adg-red);
	margin: 8px 0 0;
	padding: 0;
}

.adg-ficha-contacto .adg-cons-msg:empty {
	display: none;
}

.adg-ficha-contacto .adg-cons-legal {
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--adg-mute);
	margin: 10px 0 0;
	padding: 0;
}

.adg-cons-legal a {
	color: var(--adg-indigo);
}

.adg-cons-ok {
	font-size: 14px;
	line-height: 1.5;
	color: #2f6b4f;
	background: #eef6f1;
	border: 1px solid #bcd9c8;
	border-radius: 10px;
	padding: 12px 14px;
}

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

/* ---------- Otros despachos (1.14.0, D130) ----------
   Bloque C de la maqueta (.others / .rel). La sección de Divi pone fondo y
   rellenos; lleva la clase `adg-seccion-otros` para esconderse cuando el
   plugin no tiene despachos que enseñar (Divi no puede condicionarla). */

.adg-seccion-otros:not(:has(.adg-otros)) {
	display: none;
}

.adg-otros {
	color: var(--adg-ink);
}

.adg-otros .adg-otros-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--adg-red);
	margin: 0 0 10px;
	padding: 0;
	line-height: 1.4;
}

.adg-otros .adg-otros-h2 {
	font-family: var(--adg-serif);
	font-weight: 600;
	font-size: 23px;
	line-height: 1.25;
	letter-spacing: -.2px;
	color: var(--adg-ink);
	margin: 0 0 5px;
	padding: 0;
}

.adg-otros .adg-otros-sub {
	font-size: 15px;
	line-height: 1.5;
	color: #665c4d;
	margin: 0 0 20px;
	padding: 0;
}

.adg-otros-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 12px;
}

.adg-otros a.adg-otro {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	background: #fff;
	border: 1px solid var(--adg-line);
	border-radius: 12px;
	padding: 13px 15px;
	text-decoration: none;
	color: var(--adg-ink);
	transition: border-color .15s, box-shadow .15s;
}

.adg-otros a.adg-otro:hover,
.adg-otros a.adg-otro:focus-visible {
	border-color: #b25563;
	box-shadow: var(--adg-shadow);
}

/* Logo: el marco de la tarjeta del listado (D123) en su tamaño pequeño. */
.adg-otros .adg-logo {
	flex: none;
	width: 72px;
	height: 44px;
	box-sizing: border-box;
	border: 1px solid var(--adg-line);
	border-radius: 8px;
	background: #fff;
	display: grid;
	place-items: center;
	overflow: hidden;
	container-type: inline-size;
}

.adg-otros .adg-logo img {
	display: block;
	height: auto;
	max-width: none;
}

.adg-otros .adg-logo-marco img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.adg-otros .adg-logo-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1;
}

.adg-otros .adg-logo-ap {
	font-family: var(--adg-serif);
	text-transform: uppercase;
	color: var(--adg-indigo);
	font-size: min(13px, calc(84cqw / (var(--adg-n) * .74)));
	letter-spacing: .01em;
	white-space: nowrap;
}

.adg-otros .adg-logo-ab {
	margin-top: 5cqw;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--adg-brass);
	font-size: max(6px, 6.4cqw);
	letter-spacing: .32em;
	margin-right: -.32em;
}

.adg-otros .adg-logo-ab::before {
	content: "";
	display: block;
	width: 27cqw;
	height: 1px;
	margin: 0 auto 3.5cqw;
	background: var(--adg-brass-lite);
	transform: translateX(-.16em);
}

.adg-otro-txt {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	flex: 1;
}

.adg-otros .adg-otro-nm {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--adg-ink);
}

.adg-otros .adg-otro-sp {
	font-size: 12px;
	line-height: 1.35;
	color: var(--adg-mute);
}

.adg-otros .adg-otro-go {
	flex: none;
	margin-left: auto;
	font-size: 12px;
	font-weight: 700;
	color: var(--adg-red);
	white-space: nowrap;
}

.adg-otros a.adg-otros-todos {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	background: var(--adg-indigo);
	border-radius: 10px;
	padding: 10px 16px;
	text-decoration: none;
}

.adg-otros a.adg-otros-todos:hover,
.adg-otros a.adg-otros-todos:focus-visible {
	background: var(--adg-indigo-2);
	color: #fff;
}

/* ---------- Migaja (1.17.0) ----------
   Los mismos valores que en listado.css (que la ficha no carga): 13,5 px,
   gris, enlaces índigo y el último escalón en tinta y semi-negrita. El
   relleno de la fila lo pone el panel de Divi; aquí se anulan los márgenes
   de las capas de dentro (columna, módulo, código y el nav de Rank Math).
   Selectores con body.adg-ficha para ganar a Divi sin !important. */

body.adg-ficha .adg-migaja .et_pb_column,
body.adg-ficha .adg-migaja .et_pb_module,
body.adg-ficha .adg-migaja .et_pb_code_inner,
body.adg-ficha .adg-migaja .rank-math-breadcrumb {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

body.adg-ficha .adg-migaja,
body.adg-ficha .adg-migaja .rank-math-breadcrumb p {
	font-size: 13.5px;
	line-height: 1.5;
	color: #6e6555;
	margin: 0;
	padding-bottom: 0;
}

body.adg-ficha .adg-migaja a {
	color: #374663;
	text-decoration: none;
}

body.adg-ficha .adg-migaja a:hover,
body.adg-ficha .adg-migaja a:focus-visible {
	text-decoration: underline;
}

body.adg-ficha .adg-migaja .last,
body.adg-ficha .adg-migaja .rank-math-breadcrumb p > *:last-child {
	color: #1c1d24;
	font-weight: 600;
}

/* ---------- Barra fija de móvil (1.12.0) ----------
   Solo por debajo de 920px, donde la tarjeta de contacto queda al final.
   z-index por debajo del panel del menú abierto (10030, menu.css). */

.adg-mbar {
	display: none;
}

@media (max-width: 920px) {
	.adg-mbar {
		display: flex;
		gap: 9px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
		box-sizing: border-box;
		padding: 9px 12px calc(9px + env(safe-area-inset-bottom));
		background: #fff;
		border-top: 1px solid var(--adg-line);
		box-shadow: 0 -6px 24px rgba(26, 31, 43, .12);
	}
	.adg-mbar a {
		flex: 1 1 0;
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		border-radius: 10px;
		padding: 12px 8px;
		text-decoration: none;
		white-space: nowrap;
	}
	.adg-mbar .adg-fi {
		width: 17px;
		height: 17px;
	}
	.adg-mbar a.adg-mbar-call {
		background: var(--adg-red);
		color: #fff;
	}
	.adg-mbar a.adg-mbar-wa {
		background: #25916b;
		color: #fff;
	}
	.adg-mbar a.adg-mbar-cons {
		background: var(--adg-paper-2);
		color: var(--adg-red-ink);
		border: 1px solid var(--adg-line);
	}
	.adg-mbar a.adg-mbar-ir {
		background: var(--adg-indigo);
		color: #fff;
	}
	/* Hueco al pie para que la barra no tape el final de la página. */
	body.adg-ficha {
		padding-bottom: calc(66px + env(safe-area-inset-bottom));
	}
}

/* ---------- Estrecho ---------- */

@media (max-width: 920px) {
	.adg-ficha-cab {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}
	.adg-ficha-logo {
		width: 124px;
		height: 76px;
		padding: 8px 11px;
	}
	.adg-ficha-logo img {
		max-width: 102px;
		max-height: 60px;
	}
	.et_pb_module:has(> .et_pb_code_inner > .adg-ficha-contacto-prem),
	body.admin-bar .et_pb_module:has(> .et_pb_code_inner > .adg-ficha-contacto-prem) {
		position: static;
	}
	.adg-ficha-fotos {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 420px) {
	.adg-ficha-acciones .adg-fbtn {
		flex: 1 1 100%;
		justify-content: center;
	}
}

/* 1.26.0 · Fotos de «El despacho».
   (1) El recorte 4:3 se ancla arriba: en los retratos verticales se veían
       las manos y no la cara. En las apaisadas no cambia nada.
   (2) Con 3 fotos y 2 columnas (≤920), la apaisada ocupa la fila entera
       arriba y las otras dos van debajo; si no hay ninguna apaisada, se
       quedan en 3 columnas. Así no queda media fila vacía. */
.adg-ficha-fotos img.adg-ficha-foto {
	object-position: 50% 25%;
}

@media (max-width: 920px) {
	.adg-ficha-fotos-3 img.adg-ficha-foto-ancha {
		grid-column: 1 / -1;
		order: -1;
		aspect-ratio: 16 / 9;
	}

	.adg-ficha-fotos.adg-ficha-fotos-3v {
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}
}