/**
 * Theme Name:     Hello Elementor Child
 * Author:         ZenArchitect
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Tema hijo personalizado para arquitectura de alto rendimiento.
 * Version:        1.0.0
 */
/* * ZEN ARCHITECT CORE STYLES
 * File: style.css
 */

:root {
    /* --- PALETA DE COLORES --- */
    --c-bg-master: #F9F7F2;      /* Crema suave */
    --c-bg-surface: #F2EFE9;     /* Superficie tarjetas */
    --c-text-primary: #2C2C2C;   /* Gris Carbón */
    --c-text-secondary: #6B665E; /* Gris Taupe */
    --c-accent: #A89F91;         /* Acento Taupe */
    --c-accent-hover: #8C8376;   /* Acento oscuro */
    --c-border: #E5E0D8;         /* Bordes sutiles */
    --c-error: #D65A5A;          /* Alertas MemberPress */

    /* --- TIPOGRAFÍA (Variables de respaldo) --- */
    --font-display: 'Inter', sans-serif; /* Usamos Inter para todo para consistencia UI */
    --font-body: 'Inter', sans-serif;
    
    /* --- ESPACIADO --- */
    --spacer: 1rem;
}

/* --- ESTILOS GENERALES --- */

body {
    background-color: var(--c-bg-master);
    color: var(--c-text-primary);
    /* Optimizaciones de renderizado de fuentes */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    line-height: 1.6;
}

/* Limpieza de enlaces predeterminada */
a {
    color: var(--c-text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--c-accent);
}

/* Selección de texto elegante */
::selection {
    background: var(--c-accent);
    color: #FFF;
}

/* --- UTILIDADES DE RESPONSIVIDAD (Elementor Helper) --- */
/* Asegura que las imágenes nunca desborden su contenedor en móvil */
img {
    max-width: 100%;
    height: auto;
}