/*
Theme Name: Eduardo Briganty Rodríguez (Astra)
Theme URI: https://smartbytes.es
Author: Smartbytes
Author URI: https://smartbytes.es
Description: Tema hijo de Astra para Eduardo Briganty Rodríguez, Procurador de los Tribunales en Las Palmas de Gran Canaria. Las páginas se editan con Elementor.
Template: astra
Version: 1.0.8
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: briganty-astra
*/

/* ---------- Fuentes locales (sin Google Fonts: no requieren consentimiento) ---------- */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("assets/fonts/montserrat-latin-wght-normal.woff2") format("woff2");
}
@font-face {
	font-family: "EB Garamond";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("assets/fonts/eb-garamond-latin-wght-normal.woff2") format("woff2");
}
@font-face {
	font-family: "EB Garamond";
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url("assets/fonts/eb-garamond-latin-wght-italic.woff2") format("woff2");
}

/* ---------- Paleta (misma que la de Astra y Elementor) ---------- */
:root {
	--ebr-azul: #0D1B2A;
	--ebr-beige: #B7A78B;        /* solo decorativo */
	--ebr-beige-oscuro: #736349; /* texto, enlaces e iconos sobre fondo claro */
	--ebr-gris-claro: #EAEAEA;
	--ebr-gris-oscuro: #4A4A4A;
	--ebr-blanco: #FFFFFF;
}

html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

::selection { background: var(--ebr-beige); color: var(--ebr-azul); }

/* Foco visible: azul marino sobre fondos claros, beige sobre azul marino. */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--ebr-azul) !important;
	outline-offset: 3px;
}
:where(.ebr-oscuro, .site-footer, .ebr-hero) :where(a, button):focus-visible {
	outline-color: var(--ebr-beige) !important;
}

/* Enlaces dentro del texto siempre subrayados (no depender solo del color). */
.elementor-widget-text-editor a,
.ebr-legal a,
.site-footer a { text-decoration: underline; text-underline-offset: .2em; }

strong { color: var(--ebr-azul); font-weight: 600; }
.ebr-oscuro strong, .ebr-hero strong { color: inherit; }

/* ---------- Cabecera (Astra) ---------- */
#masthead {
	position: sticky;
	top: 0;
	z-index: 99;
	box-shadow: 0 1px 0 var(--ebr-gris-claro);
}
.admin-bar #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar #masthead { top: 46px; } }

.site-branding .site-title,
.site-branding .site-title a {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--ebr-azul);
	line-height: 1.1;
}
.site-branding .site-description {
	font-size: .66rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .42em;
	color: var(--ebr-beige-oscuro);
	margin-top: .3rem;
}
@media (max-width: 420px) {
	.site-branding .site-title, .site-branding .site-title a { font-size: 1rem !important; }
	.site-branding .site-description { letter-spacing: .28em; }
}

.main-header-menu .menu-link {
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	position: relative;
}
.ast-desktop .main-header-menu > .menu-item > .menu-link::after {
	content: "";
	position: absolute;
	left: 1em; right: 1em; bottom: 1.4em;
	height: 2px;
	background: var(--ebr-beige);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
}
.ast-desktop .main-header-menu > .menu-item > .menu-link:hover::after,
.ast-desktop .main-header-menu > .current-menu-item:not(.menu-item-type-custom) > .menu-link::after { transform: scaleX(1); }
/* El enlace ancla «Servicios» no se marca como página actual. */
.main-header-menu > .menu-item-type-custom.current-menu-item > .menu-link { color: var(--ebr-azul); }
@media (prefers-reduced-motion: reduce) { .main-header-menu .menu-link::after { transition: none; } }

/* ---------- Elementos de marca reutilizables en Elementor ---------- */
.ebr-kicker .elementor-heading-title,
.ebr-kicker p {
	letter-spacing: .3em !important;
	text-transform: uppercase;
	font-weight: 600 !important;
}

/* Filete beige como el del logo (widget Divisor con clase ebr-filete). */
.ebr-filete .elementor-divider-separator { border-top-color: var(--ebr-beige) !important; }

/* Tarjetas de servicios */
.ebr-card {
	border-bottom: 2px solid var(--ebr-beige);
	transition: transform .25s ease, box-shadow .25s ease;
}
.ebr-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -24px rgba(13, 27, 42, .35); }
@media (prefers-reduced-motion: reduce) { .ebr-card, .ebr-card:hover { transition: none; transform: none; } }

/* Pilares (sobre azul marino) */
.ebr-pilar { border-top: 1px solid rgba(183, 167, 139, .5); }

/* Foto con marco desplazado (widget Imagen con clase ebr-foto) */
.ebr-foto { position: relative; }
.ebr-foto img { position: relative; z-index: 1; display: block; width: 100%; }
.ebr-foto::before {
	content: "";
	position: absolute;
	inset: 1.25rem -1.25rem -1.25rem 1.25rem;
	border: 1px solid var(--ebr-beige);
	z-index: 0;
}
@media (max-width: 767px) { .ebr-foto::before { inset: .75rem -.75rem -.75rem .75rem; } }

/* Partidos judiciales */
.ebr-partido { border-left: 2px solid var(--ebr-beige); }

/* Listas con guion beige */
.ebr-lista .elementor-icon-list-item { border-bottom: 1px solid var(--ebr-gris-claro); padding-block: .8rem !important; }
.ebr-lista .elementor-icon-list-item:last-child { border-bottom: 0; }

/* Botón contorno sobre fondo oscuro */
.ebr-btn-claro .elementor-button:hover,
.ebr-btn-claro .elementor-button:focus-visible {
	background: var(--ebr-blanco) !important;
	color: var(--ebr-azul) !important;
}

/* Datos de contacto */
.ebr-dato a { text-decoration: none; }
.ebr-dato a:hover { text-decoration: underline; }

/* Llamada a la acción final: fondo beige para separarla del pie azul marino. */
.ebr-cta { border-top: 1px solid rgba(13, 27, 42, .12); }

/* ---------- Formulario de contacto (Contact Form 7) ---------- */
.ebr-form { color: var(--ebr-azul); text-align: left; }
.ebr-form p { margin-bottom: 1.25rem; }
.ebr-form p > br { display: none; } /* CF7 añade <br> entre etiqueta y campo */
.ebr-form-fila { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
@media (max-width: 600px) { .ebr-form-fila { grid-template-columns: 1fr; } }
.ebr-form label { display: block; font-size: .875rem; font-weight: 600; margin-bottom: .4rem; }
.ebr-form .ebr-req, .ebr-form .ebr-opc { font-weight: 400; color: var(--ebr-gris-oscuro); }
.ebr-form .wpcf7-form-control-wrap { display: block; }
.ebr-form input[type="text"],
.ebr-form input[type="email"],
.ebr-form input[type="tel"],
.ebr-form textarea {
	width: 100%;
	background: var(--ebr-blanco);
	border: 1px solid var(--ebr-gris-oscuro);
	border-radius: 0;
	padding: .8rem 1rem;
	font: inherit;
	color: var(--ebr-azul);
}
.ebr-form textarea { min-height: 10rem; resize: vertical; }
.ebr-form input:focus, .ebr-form textarea:focus { border-color: var(--ebr-azul); }
.ebr-form .ebr-rgpd {
	font-size: .8125rem;
	line-height: 1.6;
	color: var(--ebr-gris-oscuro);
	border-left: 2px solid var(--ebr-beige);
	padding-left: 1rem;
	margin-bottom: 1.25rem;
}
.ebr-form .ebr-rgpd a { color: var(--ebr-beige-oscuro); text-decoration: underline; }
.ebr-form .wpcf7-acceptance label { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; }
.ebr-form .wpcf7-acceptance input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--ebr-azul); flex: none; }
.ebr-form .wpcf7-list-item { margin: 0; }
.ebr-form .ebr-enviar {
	margin-top: 1.5rem;
	background: var(--ebr-azul);
	color: var(--ebr-blanco);
	border: 0;
	border-radius: 0;
	padding: 1rem 2rem;
	font-family: "Montserrat", sans-serif;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .2s ease;
}
.ebr-form .ebr-enviar:hover, .ebr-form .ebr-enviar:focus-visible { background: var(--ebr-beige-oscuro); color: var(--ebr-blanco); }
.ebr-form .ebr-enviar:disabled { opacity: .6; cursor: not-allowed; }
/* Errores: rojo oscuro (6:1 sobre gris claro) y siempre con texto, no solo color. */
.ebr-form .wpcf7-not-valid { border-color: #A4161A !important; border-width: 2px; }
.ebr-form .wpcf7-not-valid-tip { color: #A4161A; font-size: .8125rem; font-weight: 600; margin-top: .35rem; }
.ebr-form .wpcf7-response-output { margin: 1.5rem 0 0 !important; padding: .9rem 1rem !important; color: var(--ebr-azul); background: var(--ebr-blanco); }

/* ---------- Tabla de cookies (generada por CookieYes con [cky_outside_audit_table]) ---------- */
.ebr-tabla { margin: 1.5rem 0; }
.ebr-tabla h3 { font-size: 1.35rem; margin-bottom: .5rem; }
.ebr-tabla table { width: 100%; border-collapse: collapse; font-size: .875rem; margin: 0; }
.ebr-tabla th, .ebr-tabla td { border: 1px solid var(--ebr-gris-oscuro); padding: .6rem .75rem; text-align: left; vertical-align: top; }
.ebr-tabla thead th { background: var(--ebr-azul); color: var(--ebr-blanco); }
.ebr-tabla tbody td:first-child { font-family: monospace; color: var(--ebr-azul); word-break: break-word; }
/* En móvil cada fila se muestra como una ficha. */
@media (max-width: 600px) {
	.ebr-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.ebr-tabla tr, .ebr-tabla td { display: block; }
	.ebr-tabla tr { border: 1px solid var(--ebr-gris-oscuro); margin-bottom: .75rem; }
	.ebr-tabla td { border: 0; }
	.ebr-tabla tbody td:first-child { background: var(--ebr-gris-claro); font-weight: 600; }
	.ebr-tabla td:not(:first-child)::before { display: block; font-weight: 600; color: var(--ebr-azul); }
	.ebr-tabla td:nth-child(2)::before { content: "Duración"; }
	.ebr-tabla td:nth-child(3)::before { content: "Descripción"; }
}
/* Botón «Configurar cookies» (abre el panel de CookieYes). */
.ebr-btn-cookies {
	background: var(--ebr-azul);
	color: var(--ebr-blanco);
	border: 0;
	border-radius: 0;
	padding: .9rem 1.75rem;
	font-family: "Montserrat", sans-serif;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	cursor: pointer;
}
.ebr-btn-cookies:hover, .ebr-btn-cookies:focus-visible { background: var(--ebr-beige-oscuro); color: var(--ebr-blanco); }

/* ---------- Banner de cookies (CookieYes) ---------- */
/* Los colores base se configuran en el propio banner; aquí, lo que el plugin no permite ajustar. */
.cky-consent-container, .cky-modal, .cky-btn-revisit-wrapper { font-family: "Montserrat", sans-serif; }
.cky-consent-container .cky-title, .cky-preference-title { font-family: "EB Garamond", serif !important; font-weight: 500 !important; font-size: 1.35rem !important; }
.cky-consent-bar, .cky-preference-center, .cky-btn { border-radius: 0 !important; }
.cky-btn {
	font-size: .75rem !important;
	font-weight: 600 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	padding: .8rem 1rem !important;
	margin: 0 !important;
}
/* Aviso: «Rechazar» y «Aceptar» con el mismo peso visual, «Personalizar» debajo. */
.cky-consent-container .cky-notice-btn-wrapper {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: .5rem;
	margin-top: 1rem !important;
}
.cky-notice-btn-wrapper .cky-btn-reject { order: 1 !important; }
.cky-notice-btn-wrapper .cky-btn-accept { order: 2 !important; }
.cky-notice-btn-wrapper .cky-btn-customize { order: 3 !important; grid-column: 1 / -1; }
@media (max-width: 480px) { .cky-consent-container .cky-notice-btn-wrapper { grid-template-columns: 1fr; } }
/* Mientras se muestra el aviso, el botón de accesibilidad sube para no taparlo. */
body:has(.cky-consent-container:not(.cky-hide)) .onetap-container-toggle .onetap-toggle {
	top: 104px !important;
	bottom: auto !important;
}
.cky-prefrence-btn-wrapper, .cky-preference-body-wrapper + .cky-footer-wrapper .cky-prefrence-btn-wrapper { gap: .5rem; }
.cky-btn:hover { opacity: 1 !important; }
.cky-btn-accept:hover, .cky-btn-reject:hover, .cky-btn-preferences:hover, .cky-btn-save:hover {
	background: var(--ebr-beige-oscuro) !important;
	border-color: var(--ebr-beige-oscuro) !important;
	color: var(--ebr-blanco) !important;
}
.cky-btn-customize:hover { background: var(--ebr-azul) !important; color: var(--ebr-blanco) !important; }
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy,
.cky-consent-container a, .cky-modal a { color: var(--ebr-beige-oscuro) !important; text-decoration: underline !important; }
button.cky-show-desc-btn:not(:hover):not(:active) { color: var(--ebr-beige-oscuro) !important; }
.cky-switch input[type="checkbox"]:checked { background: var(--ebr-azul) !important; }
.cky-consent-container :focus-visible, .cky-modal :focus-visible { outline: 2px solid var(--ebr-azul) !important; outline-offset: 2px; }
.cky-btn-revisit-wrapper { background-color: var(--ebr-azul) !important; box-shadow: 0 0 0 2px var(--ebr-beige); }
.cky-btn-revisit-wrapper:focus-within { outline: 2px solid var(--ebr-beige) !important; outline-offset: 2px; }

/* ---------- Pie (Astra) ---------- */
.site-footer .site-primary-footer-wrap,
.site-footer .site-primary-footer-wrap p,
.site-footer .site-below-footer-wrap { color: var(--ebr-gris-claro); }
.site-footer .site-primary-footer-wrap a { color: var(--ebr-blanco); }
.site-footer .widget-title, .site-footer h2 {
	font-family: "EB Garamond", serif;
	color: var(--ebr-blanco);
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: .75rem;
}
.site-footer a { text-decoration-color: rgba(183, 167, 139, .6); }
.site-footer a:hover { color: var(--ebr-beige) !important; }
.site-below-footer-wrap .footer-nav-wrap .menu-link { text-decoration: underline; text-decoration-color: rgba(183, 167, 139, .6); text-underline-offset: .2em; }
.ebr-kit-digital { background: var(--ebr-blanco); padding: 1rem clamp(1rem, 4vw, 2.5rem); text-align: center; }
.ebr-kit-digital img { max-width: 900px; width: 100%; height: auto; display: inline-block; }

/* ---------- Páginas legales (editor de bloques) ---------- */
.ebr-legal h2 { margin-top: 2.5rem; font-size: 1.9rem; }

/* ---------- Animaciones ---------- */
/* Entradas de Elementor más cortas y suaves que las de serie (desplazamiento de 28 px). */
@keyframes ebrFadeInUp {
	from { opacity: 0; transform: translate3d(0, 28px, 0); }
	to   { opacity: 1; transform: none; }
}
@keyframes ebrFadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.elementor-element.animated { animation-duration: .9s; animation-timing-function: cubic-bezier(.22, .61, .36, 1); }
.elementor-element.animated.fadeInUp { animation-name: ebrFadeInUp; }
.elementor-element.animated.fadeIn { animation-name: ebrFadeIn; animation-duration: 1.2s; }

/* Fotos: leve zoom al pasar el ratón. */
.ebr-foto img { transition: transform .6s ease, filter .6s ease; }
.ebr-foto:hover img { transform: scale(1.02); filter: brightness(1.04); }

/* Iconos de servicios: suben un poco al pasar sobre la tarjeta. */
.ebr-card .elementor-icon { transition: transform .3s ease; }
.ebr-card:hover .elementor-icon { transform: translateY(-3px); }

/* Filete beige que se dibuja al aparecer. */
.ebr-filete.animated .elementor-divider-separator { animation: ebrFilete .9s .2s cubic-bezier(.22, .61, .36, 1) both; }
@keyframes ebrFilete {
	from { transform: scaleX(0); }
	to   { transform: scaleX(1); }
}

/* Cabecera: sombra suave al hacer scroll. */
#masthead { transition: box-shadow .3s ease; }
.ebr-scrolled #masthead { box-shadow: 0 8px 24px -16px rgba(13, 27, 42, .35); }

/* Accesibilidad: sin animaciones si el visitante pide reducir el movimiento. */
@media (prefers-reduced-motion: reduce) {
	.elementor-invisible { visibility: visible !important; }
	.elementor-element.animated,
	.ebr-filete .elementor-divider-separator { animation: none !important; }
	.ebr-foto img, .ebr-card .elementor-icon, #masthead { transition: none !important; }
	.ebr-foto:hover img, .ebr-card:hover .elementor-icon { transform: none; }
}