/*
Theme Name: Blocksy Hijo – Mueblería
Theme URI: https://creativethemes.com/blocksy/
Description: Tema hijo de Blocksy adaptado a una empresa de venta de muebles: paleta cálida, tipografía, SEO (schema.org FurnitureStore) y ajustes de rendimiento.
Author: [COMPLETAR: nombre de quien administra el sitio]
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-hijo-muebles
Requires at least: 6.7
Requires PHP: 7.4
*/

/* ==========================================================
   1. Paleta y tipografía (cambiar aquí los colores de marca)
   Se definen sobre "body" para ganar a los valores guardados
   en el Personalizador sin usar !important.
   ========================================================== */
body {
	--theme-palette-color-1: #8a5a3c; /* Madera: color principal / enlaces */
	--theme-palette-color-2: #5e3b26; /* Madera oscura: hover */
	--theme-palette-color-3: #3b3a36; /* Texto */
	--theme-palette-color-4: #1f1e1b; /* Títulos */
	--theme-palette-color-5: #e6dccf; /* Bordes suaves */
	--theme-palette-color-6: #f4efe8; /* Fondo alterno (lino) */
	--theme-palette-color-7: #faf7f2; /* Fondo claro */
	--theme-palette-color-8: #ffffff;

	--theme-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--muebles-radio: 6px;
	--muebles-sombra: 0 6px 20px rgba(60, 40, 25, 0.10);
}

h1, h2, h3, .entry-title, .ct-product-title, .woocommerce-loop-product__title {
	font-family: Georgia, "Times New Roman", serif;
	letter-spacing: -0.01em;
}

/* ==========================================================
   2. Botones y formularios
   ========================================================== */
.ct-button, .button, button[type="submit"], .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button {
	border-radius: var(--muebles-radio);
	font-weight: 600;
	letter-spacing: .02em;
	transition: background-color .2s ease, transform .2s ease;
}
.ct-button:hover, .button:hover, .wp-block-button__link:hover { transform: translateY(-1px); }

input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	border-radius: var(--muebles-radio);
}

/* ==========================================================
   3. Tarjetas de producto / entradas
   ========================================================== */
.woocommerce ul.products li.product,
.entry-card {
	border-radius: var(--muebles-radio);
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease;
}
.woocommerce ul.products li.product:hover,
.entry-card:hover {
	box-shadow: var(--muebles-sombra);
	transform: translateY(-2px);
}
.woocommerce ul.products li.product img { aspect-ratio: 4 / 3; object-fit: cover; }

/* ==========================================================
   4. Bloques de portada (usar con bloques del editor)
   Clases: .muebles-hero, .muebles-seccion, .muebles-seccion--alterna,
   .muebles-confianza
   ========================================================== */
.muebles-hero {
	min-height: clamp(380px, 60vh, 640px);
	display: flex;
	align-items: center;
}
.muebles-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.1; }

.muebles-seccion { padding-block: clamp(40px, 7vw, 88px); }
.muebles-seccion--alterna { background: var(--theme-palette-color-6); }

.muebles-confianza {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	text-align: center;
}

/* ==========================================================
   5. Móvil
   ========================================================== */
@media (max-width: 689px) {
	.muebles-hero { min-height: 340px; }
	.muebles-confianza { grid-template-columns: 1fr 1fr; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; transform: none !important; }
}