/*
Theme Name:   MIR Inmobiliaria
Theme URI:    https://www.instagram.com/mir.inmo/
Description:  Child theme de Kadence para MIR Inmobiliaria. Identidad de sus videos de Instagram: monocromo (blanco, negro y grises), Josefin Sans, recuadros oscuros y botón de WhatsApp.
Author:       MIR Inmobiliaria
Template:     kadence
Version:      1.1.0
Requires at least: 6.3
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  mir-inmobiliaria
*/

/* ==========================================================================
   Variables de marca (tomadas de los videos de Instagram de @mir.inmo)
   - Monocromo: blanco, negro y grises. El color lo ponen las fotos.
   - Tipografía: Josefin Sans (light para frases, bold en mayúsculas
     para la palabra clave, regular en mayúsculas espaciadas para datos).
   ========================================================================== */
:root {
	--mir-black: #111111;
	--mir-white: #ffffff;
	--mir-gray: #f3f3f1;
	--mir-gray-mid: #a6a6a6;
	--mir-text-soft: #555555;
	--mir-radius: 2px;
	--mir-font: "Josefin Sans", "Century Gothic", "Futura", sans-serif;
	--mir-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);

	/* Kadence usa estas variables en menú, botones y textos propios */
	--global-body-font-family: var(--mir-font);
	--global-heading-font-family: var(--mir-font);
}

body {
	font-family: var(--mir-font);
	color: var(--mir-black);
	font-size: 1.0625rem;
}

h1, h2, h3, h4, h5, h6, .site-title {
	font-family: var(--mir-font);
	font-weight: 700;
	letter-spacing: 0;
}

::selection {
	background: var(--mir-black);
	color: var(--mir-white);
}

/* ==========================================================================
   Botones: rectos, negros, mayúsculas espaciadas
   ========================================================================== */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"] {
	background: var(--mir-black);
	color: var(--mir-white);
	font-family: var(--mir-font);
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: 1px solid var(--mir-black);
	border-radius: 0;
	padding: 1em 1.6em 0.85em;
	transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background: var(--mir-white);
	color: var(--mir-black);
}

/* Botón secundario: contorno */
.is-style-outline .wp-block-button__link,
.mir-btn-outline .wp-block-button__link {
	background: transparent;
	color: var(--mir-black);
}

/* El resto de los estilos (hero, feed, reel, WhatsApp, propiedades)
   están en assets/css/mir.css */