@charset "UTF-8";
/* =====================================================================
   MC Jiménez — Capa de accesibilidad (WCAG 2.1 AA / UNE-EN 301549)
   ---------------------------------------------------------------------
   Este archivo SOLO corrige problemas de accesibilidad. Se carga el
   último, después del tema y de Elementor.

   Ajusta los tokens del bloque 1 si quieres afinar la estética.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. TOKENS
   ---------------------------------------------------------------------
   --mc-gold       : oro de marca. Se mantiene SOLO como color de fondo
                     y sobre fondos oscuros.
   --mc-accent     : oro accesible para TEXTO e ICONOS sobre fondo claro.
                     #8A6900 = 5,12:1 sobre blanco y 4,79:1 sobre #F7F7F9.
                     El oro original #F5BE0B daba 1,71:1 (suspende incluso
                     el umbral de 3:1 de texto grande).
   --mc-on-gold    : texto sobre superficies de oro (10,1:1 sobre #F5BE0B).
   --mc-dark       : color sólido equivalente a las fotos oscuras de fondo.
   --------------------------------------------------------------------- */
:root {
	--mc-gold: #F5BE0B;
	--mc-accent: #8A6900;
	--mc-on-gold: #231F20;

	/* Oro accesible para elementos que SIEMPRE van sobre un chip claro
	   (círculos blancos de iconos), estén donde estén. A diferencia de
	   --mc-accent, este token no cambia dentro de las zonas oscuras. */
	--mc-on-light: #8A6900;
	--mc-dark: #231F20;
	--mc-focus: #231F20;

	/* Variables del tema padre: enlaces y titulares dejan de ser oro claro. */
	--titlecolor: #8A6900;
	--linkcolor: #8A6900;
}

/* ---------------------------------------------------------------------
   2. CONTEXTOS OSCUROS
   ---------------------------------------------------------------------
   Dentro de estas zonas el oro de marca SÍ contrasta, así que se
   restaura. Al redefinir las variables, todo lo que las usa hereda el
   valor correcto sin necesidad de reglas una por una.
   --------------------------------------------------------------------- */
/* .mc-fondo-oscuro lo aplica a11y.js a cualquier contenedor cuyo color
   de fondo real sea oscuro (secciones de Elementor, que cambian de
   identificador en cada página). El resto de la lista son las zonas
   oscuras fijas del tema, para que funcione también sin JavaScript. */
.mc-fondo-oscuro,
.txbdslider,                                  /* slider de portada  */
.witrfm_area,                                 /* footer             */
.footer-bottom,                               /* pie de copyright   */
.mobile_menu_inner,                           /* menú móvil         */
.mobile_logo_area,
.lawshed-main-menu.transprent-menu,           /* cabecera sobre foto */
.elementor-element-a3d392a,                   /* sección "¿Por qué elegirnos?" */
.witr_h_bg_dark,
.lawshed_f_color {
	--mc-accent: var(--mc-gold);
	--titlecolor: var(--mc-gold);
	--linkcolor: var(--mc-gold);
	--mc-focus: #FFFFFF;
}


/* ---------------------------------------------------------------------
   3. TEXTO E ICONOS EN ORO SOBRE FONDO CLARO
   ---------------------------------------------------------------------
   Elementor escribe el hex #F5BE0B / #EEB600 con alta especificidad,
   por eso aquí hace falta !important.
   --------------------------------------------------------------------- */
/* Sólo iconos y enlaces sueltos: los titulares y los enlaces ya se
   corrigen con --titlecolor y --linkcolor, sin !important, para no
   pisar los colores propios de botones y tarjetas. */
.stone,
.apartment_text h4,
.wblogmeta i,
.lawshed_meta i,
.em-quearys-menu i,
.top-quearys-style i,
.mobile_menu_o i,
.copy-right-text a,
div.campaign_slide_div a {
	color: var(--mc-accent) !important;
}

/* Iconos dibujados sobre un círculo blanco: el fondo es claro aunque
   la sección sea oscura, así que el oro tiene que ser el oscuro. */
.iconalltf i,
.iconall i,
.iconallbt i,
.btncircle i,
.p_menu_social a i,
.p_menu_social a {
	color: var(--mc-on-light) !important;
}

/* «Leer más» de las tarjetas del blog: botón sin relleno sobre blanco. */
.wblogbtn .btnallt,
.wblogbtn .btnall {
	color: var(--mc-accent) !important;
}

/* Estados hover que el tema devolvía al oro claro. */
a:hover,
.txstcolor:hover,
.txstcolor a:hover,
.lawshed_theme_widget .widget a:hover,
.lawshed_blog_details a:hover,
.lawshed_blog_details a:focus,
.footer-menu ul li a:hover {
	color: var(--mc-accent);
}

/* Bordes e indicadores de interfaz: WCAG 1.4.11 pide 3:1.
   El oro claro daba 1,71:1 sobre blanco. */
.wblogbtn .btnallt,
.wblogbtn .btnall,
.txbdbrbt,
.iconallbt i,
.slick-dots li button,
.btn-primary,
.pbtn:hover,
.tagcloud a:hover,
.lawshed_sblog_tag ul li a:hover,
.lawshed-single-icon a:hover,
a.page-numbers:hover,
.lawshed_postd_pagi a:hover,
.em-quearys-top.msin-menu-search .em-quearys-menu i:hover,
.p_menu_social a:hover {
	border-color: var(--mc-accent) !important;
}


/* ---------------------------------------------------------------------
   4. TEXTO BLANCO SOBRE SUPERFICIES DE ORO
   ---------------------------------------------------------------------
   Blanco sobre #F5BE0B = 1,71:1. Se sustituye por texto casi negro,
   que da 10,1:1 y conserva el oro de marca como fondo.
   --------------------------------------------------------------------- */
.witr_btn,
.witr_btn:hover,
.btn-primary,
.pfcatcount,
.wp-block-search__button,
.has-login-form input[type="submit"],
.lawshed_postd_pagi a:hover,
.lawshed_postd_pagi span.current,
.lawshed-description-area .social-icons a,
.lawshed-description-area .social-icons a i,
.prefix .p_menu_social a:hover,
.prefix .p_menu_social a:hover i,
.iconalltf i:hover,
.txbdsva:hover .iconall i,
.slick-dots li.slick-active button {
	color: var(--mc-on-gold) !important;
}

/* Botones rellenos de oro dentro de zonas oscuras (slider y footer).
   Ahí --mc-accent vuelve a ser el oro de marca, que es también el
   fondo del botón: el texto tiene que ser oscuro. */
.txbdslider .witr_btn,
.witrfm_area .witr_btn {
	color: var(--mc-on-gold) !important;
}

/* Estados hover que el tema rellena con --brcolor (oro).
   Los botones con relleno dorado fijo los resuelve .mc-fondo-medio:
   aquí no se puede distinguir por selector un botón dorado de uno
   rojo, y ambos comparten las clases .btnallt .btnall. */
.btnall:hover,
.txbdbrhv:hover,
.txbdsva:hover .iconall i,
.tteamsocial a:hover,
.filter_menu li:hover,
.filter_menu li.current_menu_item {
	color: var(--mc-on-gold) !important;
}

/* Widgets de la barra lateral con cabecera dorada: calendario,
   buscador y títulos de bloque. */
#wp-calendar > caption,
#wp-calendar td#today,
#wp-calendar td#today a,
.lawshed_s_color .widget.widget_block h2,
.wp-block-search__label,
.wp-block-search__button,
.widget_block h2.wp-block-heading {
	color: var(--mc-on-gold) !important;
}

/* .mc-fondo-medio lo aplica a11y.js a cualquier elemento cuyo fondo
   caiga en la banda donde el blanco no llega a 4,5:1: botones, badges
   y secciones rellenas de oro, tenga Elementor el identificador que
   tenga. Cubre los casos que no se pueden enumerar aquí. */
.mc-fondo-medio,
.mc-fondo-medio > .elementor-button__content-wrapper,
.mc-fondo-medio > span,
.mc-fondo-medio > i,
/* Estos dos ganan en especificidad a las reglas de iconos de la
   sección 3: un icono con su propio círculo dorado necesita texto
   oscuro, no el oro accesible pensado para círculos blancos. */
.iconalltf i.mc-fondo-medio,
.iconall i.mc-fondo-medio,
.p_menu_social a.mc-fondo-medio,
.p_menu_social a.mc-fondo-medio i {
	color: var(--mc-on-gold) !important;
}

/* Sección de portada con fondo oro sólido (#EEB600). */
.elementor-element-66fafe1 h1,
.elementor-element-66fafe1 h2,
.elementor-element-66fafe1 h3,
.elementor-element-66fafe1 h4,
.elementor-element-66fafe1 h5,
.elementor-element-66fafe1 h6,
.elementor-element-66fafe1 p,
.elementor-element-66fafe1 li,
.elementor-element-66fafe1 .txbdstitle {
	color: var(--mc-on-gold) !important;
}


/* ---------------------------------------------------------------------
   5. FONDOS SÓLIDOS BAJO LAS IMÁGENES OSCURAS
   ---------------------------------------------------------------------
   El slider y el footer usan fotos oscuras pero no declaraban
   background-color: si la imagen no carga (o la evalúa un validador)
   el texto blanco queda sobre blanco. Se declara el color equivalente.
   --------------------------------------------------------------------- */
/* Sólo el elemento que lleva la foto. Los contenedores interiores
   deben seguir siendo transparentes o taparían la imagen. */
.txbdslider {
	background-color: var(--mc-dark);
}

.witrfm_area {
	background-color: var(--mc-dark) !important;
}

/* Banner de las páginas interiores: mismo caso que el slider, foto
   oscura con texto blanco y sin color de fondo declarado. */
.breadcumb-area {
	background-color: var(--mc-dark);
}

/* Separador de las migas de pan. Antes era texto suelto dentro del
   <ul>, lo que rompía la lista; ahora es decoración. */
.breadcumb-inner ul li + li::before {
	content: "->";
	margin: 0 .5em;
}

/* La cabecera flota transparente sobre la foto del slider: el texto
   blanco quedaba sin fondo definido. Un velo oscuro translúcido lo
   sostiene sea cual sea la imagen (0,72 de alfa => 6,4:1 con blanco). */
.transprent-menu .trp_nav_area,
.lawshed-main-menu.transprent-menu {
	background-color: rgba(35, 31, 32, 0.72);
}

/* Al hacer scroll la cabecera pasa a fija y opaca: ahí sobra el velo. */
.lawshed-main-menu.prefix,
.trp_nav_area.prefix,
.prefix .trp_nav_area {
	background-color: transparent;
}


/* ---------------------------------------------------------------------
   6. FOCO VISIBLE (WCAG 2.4.7)
   ---------------------------------------------------------------------
   El tema anulaba el outline del navegador sin sustituirlo.
   --------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
	outline: 3px solid var(--mc-focus) !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 5px rgba(245, 190, 11, 0.55) !important;
	border-radius: 2px;
}

/* Navegadores sin :focus-visible */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-color: var(--mc-focus);
}


/* ---------------------------------------------------------------------
   7. ENLACE "SALTAR AL CONTENIDO" (WCAG 2.4.1)
   --------------------------------------------------------------------- */
.mc-skip-link {
	position: absolute;
	top: -100px;
	left: 8px;
	z-index: 100000;
	display: inline-block;
	padding: 12px 20px;
	background: #FFFFFF;
	color: var(--mc-on-gold);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: underline;
	border: 3px solid var(--mc-on-gold);
	border-radius: 4px;
	transition: top .15s ease-in-out;
}

.mc-skip-link:focus {
	top: 8px;
	color: var(--mc-on-gold);
	outline: 3px solid var(--mc-gold);
	outline-offset: 2px;
}


/* ---------------------------------------------------------------------
   8. TEXTO SOLO PARA LECTORES DE PANTALLA
   --------------------------------------------------------------------- */
.mc-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* El H1 de la página es visualmente oculto: el título visible vive
   dentro de un carrusel que se duplica, y no puede ser el H1.
   No se reduce su font-size: el recorte ya lo oculta y un tamaño
   diminuto se señala como «texto muy pequeño» en las auditorías. */


/* ---------------------------------------------------------------------
   9. ENLACES DISTINGUIBLES EN CONTENIDO (WCAG 1.4.1)
   ---------------------------------------------------------------------
   Dentro de párrafos de contenido el enlace no puede diferenciarse
   solo por color.
   --------------------------------------------------------------------- */
.entry-content p a,
.lawshed_blog_details p a,
.elementor-widget-text-editor p a,
.lawshed-description-area p a,
.witr_text p a {
	text-decoration: underline;
	text-underline-offset: 2px;
}


/* El texto justificado (WCAG 1.4.8) lo corrige a11y.js elemento a
   elemento: aquí no se puede distinguir por selector un bloque
   justificado de uno centrado a propósito. */


/* ---------------------------------------------------------------------
   10. DIAPOSITIVAS CLONADAS DEL CARRUSEL
   ---------------------------------------------------------------------
   Slick duplica las diapositivas: los enlaces duplicados se ocultan a
   la tecnología asistiva desde a11y.js. Aquí solo se evita que reciban
   foco por si el JS no llega a ejecutarse.
   --------------------------------------------------------------------- */
.slick-cloned a,
.slick-cloned button,
.slick-cloned input,
[aria-hidden="true"] a,
[aria-hidden="true"] button {
	pointer-events: none;
}

.slick-slide.slick-active a,
.slick-slide.slick-current a,
.slick-slide[aria-hidden="false"] a,
.slick-slide.slick-active button,
.slick-slide.slick-current button {
	pointer-events: auto;
}


/* ---------------------------------------------------------------------
   11. RESPETAR "REDUCIR MOVIMIENTO" (WCAG 2.3.3)
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}