.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   CSS BASE PARA ELEMENTOR - REVISTA SAN CRIS
   PEGAR EN: Configuración de página → Avanzado → CSS Personalizado
   (SIN TAGS <style>, solo el CSS puro)
   ============================================ */

/* === IMPORTAR GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap');

/* === VARIABLES GLOBALES === */
:root {
    /* Colores */
    --color-primary: #2C2C2C;      /* Negro editorial */
    --color-accent: #D4A574;       /* Terracota/barro */
    --color-bg: #F5F5F0;           /* Beige papel */
    --color-text: #4A4A4A;         /* Gris texto */
    --color-white: #FFFFFF;
    
    /* Tipografías */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
    
    /* Espaciados */
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 48px;
    --spacing-xl: 80px;
}

/* === RESET BÁSICO === */
* {
    box-sizing: border-box;
}

/* === ESTILOS BASE DEL BODY === */
body {
    font-family: var(--font-sans);
    color: var(--color-text);
    line-height: 1.6;
}

/* === BOTONES GLOBALES === */
.btn {
    display: inline-block;
    padding: 14px 32px;
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.btn-primary {
    background: var(--color-accent);
    color: var(--color-white);
}

.btn-primary:hover {
    background: #C49564;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(212, 165, 116, 0.4);
}

.btn-secondary {
    background: transparent;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.btn-secondary:hover {
    background: var(--color-primary);
    color: var(--color-white);
}

/* === TÍTULOS DE SECCIÓN === */
.section-title {
    font-family: var(--font-serif);
    font-size: 28px;
    color: var(--color-primary);
    text-align: center;
    margin-bottom: var(--spacing-sm);
}

.section-subtitle {
    text-align: center;
    color: var(--color-text);
    font-size: 15px;
    max-width: 600px;
    margin: 0 auto var(--spacing-lg);
    opacity: 0.8;
}

/* === ANIMACIONES === */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeInUp 0.6s ease-out;
}

/* === AJUSTES PARA ELEMENTOR === */
/* Eliminar padding extra de contenedores */
.elementor-section.seccion-revista {
    padding: 0 !important;
}

.elementor-section.seccion-revista .elementor-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Asegurar que el HTML widget ocupe todo el ancho */
.elementor-widget-html {
    width: 100%;
}/* End custom CSS */