/*
Theme Name: Aiguacasa
Theme URI: https://aiguacasa.com
Description: Tema propio de aiguacasa.com. Sustituye a Elementor conservando el diseño original: el marcado y los estilos que generaba el maquetador quedan congelados dentro del tema, de modo que el sitio ya no depende del plugin. No modifica el núcleo de WordPress ni ningún plugin, por lo que las actualizaciones de WordPress no le afectan.
Author: Marketizados
Author URI: https://marketizados.com
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: aiguacasa
*/

/* Los estilos reales viven en assets/css/. Este archivo solo declara el tema. */

/* --------------------------------------------------------------------------
   Menú emergente

   El maquetador colocaba y centraba esta ventana desde su propio guion, no
   desde una hoja de estilos, así que aquí se reproduce esa colocación. El
   aspecto interior (colores, tipografías, fondo) sigue viniendo del diseño
   guardado en assets/css/.
   -------------------------------------------------------------------------- */
.elementor-popup-modal {
	position: fixed;
	inset: 0;
	z-index: 9998;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .8);
	overflow: auto;
}

.elementor-popup-modal[aria-hidden="false"] {
	display: flex;
}

.elementor-popup-modal .dialog-widget-content {
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	background-color: transparent;
}

.elementor-popup-modal .dialog-message {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 100vh;
	overflow: auto;
	padding: 0;
}

/* Mientras el menú está abierto, la página de detrás no se desplaza. */
body.aiguacasa-menu-abierto {
	overflow: hidden;
}

/* Botón de cierre del menú, en la misma posición que tenía. */
.elementor-popup-modal .aiguacasa-cerrar-menu {
	position: fixed;
	top: 24px;
	inset-inline-end: 28px;
	z-index: 9999;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
}

/* El diseño guardado deja el menú oculto hasta que se abre la ventana. */
.elementor-popup-modal[aria-hidden="false"] .elementor-location-popup {
	display: block;
	width: 100%;
}

/* --------------------------------------------------------------------------
   Ajustes propios del tema

   Lo que sigue no forma parte del diseño guardado: son correcciones que se
   han pedido después de ponerlo en marcha.
   -------------------------------------------------------------------------- */

/* El botón de llamada quedaba pegado al icono del menú.

   El hueco se abre apartando el icono, no moviendo el botón: si se mueve el
   botón, se echa encima del titular de la portada. */
.elementor-location-header .elementor-element-ff824b4 {
	margin-inline-start: 22px;
}

@media (max-width: 767px) {
	.elementor-location-header .elementor-element-ff824b4 {
		margin-inline-start: 10px;
	}
}

/* --------------------------------------------------------------------------
   Aviso de cookies

   El plugin pinta los botones en un azul muy claro con el texto en blanco, así
   que no se leen. Aquí se les da fondo blanco y texto del azul de la marca, y
   se asegura que el aspa de cerrar se vea sobre la barra oscura.
   -------------------------------------------------------------------------- */
#cookie-notice .cn-button:not(.cn-button-custom) {
	background: #fff;
	color: #262261;
	font-weight: 600;
	border: 0;
	border-radius: 999px;
	padding: 9px 22px;
	margin: 0 4px;
	text-decoration: none;
	line-height: 1.4;
	transition: background-color .2s ease;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover,
#cookie-notice .cn-button:not(.cn-button-custom):focus-visible {
	background: #009bdb;
	color: #fff;
}

#cookie-notice .cn-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* El enlace a la política queda como enlace, no como botón. */
#cookie-notice .cn-more-info {
	background: transparent;
	color: #fff;
	text-decoration: underline;
	font-weight: 400;
}

#cookie-notice .cn-more-info:hover {
	background: transparent;
	color: #aedfe5;
}

/* Aspa de cerrar: visible, sin recuadro y con un área de pulsación decente. */
#cookie-notice .cn-close-icon {
	width: 24px;
	height: 24px;
	opacity: .85;
	border: 0;
	background: transparent;
	padding: 0;
}

#cookie-notice .cn-close-icon:hover {
	opacity: 1;
}

#cookie-notice .cn-close-icon::before,
#cookie-notice .cn-close-icon::after {
	background-color: #fff;
	height: 2px;
	width: 18px;
	top: 11px;
	left: 3px;
}

/* En pantallas pequeñas, el aviso en una columna legible. */
@media (max-width: 640px) {
	#cookie-notice .cookie-notice-container {
		padding: 14px 42px 14px 16px;
	}

	#cookie-notice .cn-button:not(.cn-button-custom) {
		display: inline-block;
		margin: 6px 4px 0;
	}
}

/* --------------------------------------------------------------------------
   Aviso de cookies propio

   Sustituye a los dos plugins que mostraban avisos a la vez. Se apoya en el
   azul marino y el celeste de la marca.
   -------------------------------------------------------------------------- */
.aiguacasa-cookies {
	position: fixed;
	/* Se deja libre la esquina derecha, donde vive el botón de contacto. */
	inset-inline-start: 16px;
	inset-inline-end: 210px;
	bottom: 16px;
	z-index: 9997;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	max-width: 1040px;
	margin-inline: auto;
	padding: 14px 18px;
	border-radius: 12px;
	background: #262261;
	color: #fff;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .25);
	font-size: 13px;
	line-height: 1.45;
}

.aiguacasa-cookies__texto {
	flex: 1 1 420px;
}

.aiguacasa-cookies .aiguacasa-cookies__titulo {
	margin: 0 0 2px;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}

.aiguacasa-cookies .aiguacasa-cookies__mensaje {
	margin: 0;
	color: #fff;
}

.aiguacasa-cookies .aiguacasa-cookies__mensaje a {
	color: #aedfe5;
	text-decoration: underline;
}

.aiguacasa-cookies__botones {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aiguacasa-cookies .aiguacasa-cookies__boton {
	padding: 7px 18px;
	border: 1px solid #fff;
	border-radius: 999px;
	background: transparent;
	color: #fff;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}

.aiguacasa-cookies .aiguacasa-cookies__boton:hover,
.aiguacasa-cookies .aiguacasa-cookies .aiguacasa-cookies__boton:focus-visible {
	background: #fff;
	color: #262261;
}

.aiguacasa-cookies .aiguacasa-cookies__boton--si {
	background: #009bdb;
	border-color: #009bdb;
}

.aiguacasa-cookies .aiguacasa-cookies__boton--si:hover,
.aiguacasa-cookies .aiguacasa-cookies__boton--si:focus-visible {
	background: #fff;
	border-color: #fff;
	color: #262261;
}

.aiguacasa-cookies .aiguacasa-cookies__boton:focus-visible {
	outline: 3px solid #aedfe5;
	outline-offset: 3px;
}

/* Botón discreto para cambiar la decisión más adelante. */
body .aiguacasa-cookies__abrir {
	position: fixed;
	inset-inline-start: 14px;
	bottom: 14px;
	z-index: 9996;
	width: auto;
	min-width: 0;
	padding: 5px 12px;
	border: 0;
	border-radius: 999px;
	background: rgba(38, 34, 97, .8);
	color: #fff;
	font-family: inherit;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
	opacity: .75;
}

body .aiguacasa-cookies__abrir:hover,
body .aiguacasa-cookies__abrir:focus-visible,
body .aiguacasa-cookies__abrir:active {
	background: #262261;
	color: #fff;
	opacity: 1;
}

@media (max-width: 900px) {
	.aiguacasa-cookies {
		inset-inline: 10px;
		/* En pantallas estrechas el botón de contacto queda debajo, así que
		   el aviso sube para no taparlo. */
		bottom: 78px;
		padding: 14px;
	}

	.aiguacasa-cookies__botones {
		width: 100%;
	}

	.aiguacasa-cookies .aiguacasa-cookies__boton {
		flex: 1 1 auto;
	}
}

/* El atributo hidden manda sobre la posición fija de estos dos elementos. */
.aiguacasa-cookies[hidden],
.aiguacasa-cookies__abrir[hidden] {
	display: none !important;
}

/* El tamaño del texto del aviso no debe depender del kit de la página. */
.aiguacasa-cookies,
.aiguacasa-cookies .aiguacasa-cookies__mensaje,
.aiguacasa-cookies .aiguacasa-cookies__boton {
	font-size: 13px;
}

.aiguacasa-cookies .aiguacasa-cookies__titulo {
	font-size: 14px;
}