/*
Theme Name: CISA
Description: Tema de bloques propio de CISA Inmobiliaria. Base visual provisional (Fase 2): los valores de marca no son definitivos.
Author: CISA Inmobiliaria
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: cisa
Update URI: false
*/

/*
 * Aquí solo va lo que theme.json no puede expresar.
 * Colores, tipografía, espaciados y botones se definen en theme.json.
 */

/* Foco visible para teclado */
:where(a, button, .wp-element-button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* Enlaces largos sin espacios (p. ej. URL en las políticas legales): se parten si no caben, en lugar de desbordar en móvil */
.wp-block-post-content a {
	overflow-wrap: anywhere;
}

/* Cabecera */
.cisa-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Logotipo de la cabecera (provisional). Su tamaño se decide aquí. */
.cisa-logo {
	flex-shrink: 0;
	margin: 0;
}

.cisa-logo img {
	display: block;
	height: 48px;
	width: auto;
}

/* En pantallas estrechas, el botón de la cabecera no se parte en dos líneas */
.cisa-header .wp-block-button__link {
	white-space: nowrap;
}

/* Botón de la cabecera: más compacto que los del contenido, para aligerar la cabecera */
.cisa-header .wp-block-button__link {
	font-size: var(--wp--preset--font-size--small);
	padding: 0.5rem 1rem;
}

/* Menú móvil abierto: mismo margen lateral que el resto de la página */
.cisa-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

/* Tarjeta */
.cisa-tarjeta {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40);
}

/*
 * Portada y páginas de contenido. Clases que usan Inicio, Quiénes somos y Contacto.
 * Colores, sombra, bordes y espaciados van en los bloques; aquí solo lo que estos no expresan.
 */

/* Hero: en móvil y tablet la foto va debajo del texto, con ancho limitado */
@media (max-width: 781px) {
	.cisa-hero-foto {
		margin-inline: auto;
		max-width: 320px;
	}
}

/* Hero: línea de confianza bajo los botones */
.cisa-confianza {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	padding-left: 0;
}

.cisa-confianza li::before {
	color: var(--wp--preset--color--primary);
	content: "✓";
	content: "✓" / "";
	font-weight: 700;
	margin-right: 0.4rem;
}

/* Icono de las tarjetas «Cómo trabajamos» */
.cisa-icono {
	align-items: center;
	background: var(--wp--preset--color--surface);
	border-radius: 50%;
	display: flex;
	height: 48px;
	justify-content: center;
	margin: 0;
	width: 48px;
}

.cisa-icono img {
	height: 24px;
	width: 24px;
}

/* Viviendas: los dos paneles a la misma altura, con el botón al pie */
.cisa-viviendas > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.cisa-viviendas > .wp-block-column > .wp-block-buttons:last-child {
	margin-top: auto;
	padding-top: var(--wp--preset--spacing--30);
}

/* Panel de experiencia */
.cisa-dato {
	font-size: clamp(3rem, 7vw, 4.5rem);
	font-weight: 700;
	line-height: 1;
}

/* Estrellas de las reseñas */
.cisa-estrellas {
	color: var(--wp--preset--color--primary);
	letter-spacing: 0.15em;
}

/*
 * Inmuebles (Estatik). Valores provisionales, como el resto de la marca.
 * Solo presentación de las clases .es-* del plugin. El plugin no se modifica.
 */

/* Tipografía del tema en lugar de la que fija el plugin */
body .wp-site-blocks :is([class^="es-"], [class*=" es-"], .heading-font, .content-font):not(.es-icon),
body .wp-site-blocks :is([class^="es-"], [class*=" es-"]) :is(h1, h2, h3, h4, h5, h6) {
	font-family: inherit;
}

/* Ficha: título y precio con la escala del tema */
.es-single .property-title {
	font-size: var(--wp--preset--font-size--x-large);
}

.es-single .es-price {
	color: var(--wp--preset--color--primary);
}