.elementor-28 .elementor-element.elementor-element-435e4ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-8e52c5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-efcd619{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-a06550f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-903d66e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-435e4ca{--width:100%;}}/* Start custom CSS *//* === 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 {
    --color-primary: #2C2C2C;
    --color-accent: #D4A574;
    --color-bg: #F5F5F0;
    --color-text: #4A4A4A;
    --color-white: #FFFFFF;
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
    --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 === */
.elementor-section.seccion-revista {
    padding: 0 !important;
}

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

.elementor-widget-html {
    width: 100%;
}/* End custom CSS */