/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0
*/

/* 🎨 Paleta base del sitio */
:root {
    --color-principal: #62c3ca;
    --color-secundario: #62c3ca;
    --color-fondo: #f5f3eb;
    --color-texto: #333333;
    --color-texto-suave: #666666;
    --color-enfasis: #f2a47f;
}

/* Estilo general del cuerpo */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-fondo);
    color: var(--color-texto);
    line-height: 1.6;
    font-size: 16px;
    margin: 0;
}

/* Enlaces */
a {
    color: var(--color-principal);
    text-decoration: none;
}

a:hover {
    color: var(--color-secundario);
    text-decoration: underline;
}

/* Cabecera */
.site-header {
    background-color: var(--color-secundario);
    color: white;
    padding: 10px 0;
}

.site-header .main-navigation a {
    color: white;
    font-weight: 500;
}

.site-header .main-navigation a:hover {
    color: #e0f7fa;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-texto);
    font-weight: 600;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 2.2em;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.5em;
}

/* Botones de énfasis */
.button,
.wp-block-button__link {
    background-color: var(--color-enfasis);
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
}

.button:hover,
.wp-block-button__link:hover {
    background-color: #e6936d;
    color: white;
}
/* Eliminar fondo blanco del contenido principal */
.page .inside-article {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Aumentar el ancho del contenido principal */
.inside-article,
.container.grid-container {
    max-width: 1170px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}