/*
Theme Name: Amorenlamasa Theme Child
Theme URI: https://amorenlamasa.qalith.com
Description: Tema hijo para Amorenlamasa, basado en Astra.
Author: Gemini
Author URI: https://gemini.google.com
Template: astra
Version: 1.0.0
*/

/* Importar fuentes de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');

/* Variables CSS para una gestión sencilla de colores y fuentes */
:root {
    --amorenlamasa-color-cream: #FAF8F1; /* Fondo cálido, suave */
    --amorenlamasa-color-dark-grey: #3C3C3C; /* Texto principal, suave al ojo */
    --amorenlamasa-color-brown: #5D4037; /* Acento primario, como chocolate */
    --amorenlamasa-color-rose: #D9AAB7; /* Acento secundario, dulce y delicado */
    --amamorenlamasa-font-display: 'Playfair Display', serif;
    --amorenlamasa-font-body: 'Lato', sans-serif;
}

/* Estilos Generales */
body {
    background-color: var(--amorenlamasa-color-cream);
    color: var(--amorenlamasa-color-dark-grey);
    font-family: var(--amorenlamasa-font-body);
    font-weight: 400;
}

/* Tipografía de Títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--amorenlamasa-font-display);
    color: var(--amorenlamasa-color-brown);
    font-weight: 700;
    line-height: 1.2;
}

h1 { font-size: 3.2em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.2em; }

/* Enlaces */
a {
    color: var(--amorenlamasa-color-brown);
    text-decoration: none;
}
a:hover {
    color: var(--amorenlamasa-color-rose);
    text-decoration: underline;
}

/* Botones y Elementos Interactivos */
button, .elementor-button, input[type="submit"] {
    background-color: var(--amorenlamasa-color-brown);
    color: var(--amorenlamasa-color-cream);
    font-family: var(--amorenlamasa-font-body);
    font-weight: 700;
    padding: 12px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, .elementor-button:hover, input[type="submit"]:hover {
    background-color: var(--amorenlamasa-color-rose);
}

/* Algunos estilos básicos para contenedores */
.site-content {
    background-color: var(--amorenlamasa-color-cream);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 20px;
}

/* Aquí puedes añadir más estilos para Elementor o clases específicas si lo deseas */
/* Por ejemplo, para sobrescribir colores de Elementor si es necesario */
/* .elementor-widget-heading .elementor-heading-title { color: var(--amorenlamasa-color-brown); } */