.elementor-103 .elementor-element.elementor-element-8879fff{--display:flex;}.elementor-103 .elementor-element.elementor-element-eef9d68{--display:flex;}/* Start custom CSS for container, class: .elementor-element-8879fff *//* 1. Ajustes del Contenedor Principal (Fondo y Espaciados) */
.elementor-103 .elementor-element.elementor-element-8879fff {
    background-color: #151515 !important; /* Fondo oscuro suntuoso */
    padding: 140px 20px 70px 20px !important; /* Espacio superior generoso para respetar la cabecera */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Ajustes del H1 (Widget de Título del Post / Encabezado) */
.elementor-103 .elementor-element.elementor-element-8879fff h1,
.elementor-103 .elementor-element.elementor-element-8879fff .elementor-heading-title {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 54px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* 3. Toque de Oro Viejo para palabras en itálica o etiquetas span dentro del título */
.elementor-103 .elementor-element.elementor-element-8879fff h1 em,
.elementor-103 .elementor-element.elementor-element-8879fff h1 span,
.elementor-103 .elementor-element.elementor-element-8879fff .elementor-heading-title em,
.elementor-103 .elementor-element.elementor-element-8879fff .elementor-heading-title span {
    font-style: italic !important;
    color: #a18a5e !important;
}

/* 4. Adaptación perfecta a Dispositivos Móviles */
@media (max-width: 768px) {
    .elementor-103 .elementor-element.elementor-element-8879fff {
        padding: 100px 15px 50px 15px !important;
    }
    
    .elementor-103 .elementor-element.elementor-element-8879fff h1,
    .elementor-103 .elementor-element.elementor-element-8879fff .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1.3 !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-839630a *//* 1. Centrar el bloque del botón en el folio y darle aire superior */
.elementor-103 .elementor-element.elementor-element-839630a {
    text-align: center !important;
    margin-top: 60px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* 2. Estilo base del botón (Estado reposo) */
.elementor-103 .elementor-element.elementor-element-839630a .elementor-button {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important; /* Forzar mayúsculas */
    letter-spacing: 3px !important; /* Espaciado de letras elegante */
    color: #a18a5e !important; /* Texto en oro viejo */
    background-color: transparent !important; /* Sin fondo de color bloque */
    border: 1px solid #a18a5e !important; /* Línea fina dorada */
    padding: 16px 45px !important; /* Proporciones estilizadas y amplias */
    border-radius: 0px !important; /* Esquinas completamente rectas */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    display: inline-block !important;
}

/* 3. Efecto al pasar el ratón (Hover) */
.elementor-103 .elementor-element.elementor-element-839630a .elementor-button:hover {
    color: #ffffff !important; /* El texto pasa a blanco */
    background-color: #151515 !important; /* Fondo negro suntuoso */
    border-color: #151515 !important; /* El borde se funde con el fondo */
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Ajuste para pantallas móviles */
@media (max-width: 768px) {
    .elementor-103 .elementor-element.elementor-element-839630a {
        margin-top: 45px !important;
    }
    
    .elementor-103 .elementor-element.elementor-element-839630a .elementor-button {
        padding: 14px 35px !important;
        font-size: 12px !important;
        width: 100% !important; /* En móviles se expande a lo ancho si es necesario */
        max-width: 280px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eef9d68 *//* 1. Ajustes del Contenedor Exterior (Fondo Crema de la pantalla) */
.elementor-103 .elementor-element.elementor-element-eef9d68 {
    background-color: #eae7df !important; 
    padding: 80px 20px 120px 20px !important;
}

/* 2. El "Folio Blanco" (Afecta al widget de Contenido del Post o Editor de Texto) */
.elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-theme-post-content,
.elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-text-editor {
    max-width: 860px !important; 
    margin: 0 auto !important;
    background-color: #ffffff !important; 
    padding: 80px 90px !important; 
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04) !important;
}

/* 3. Tipografía de los Párrafos (TEXTO CENTRADO) */
.elementor-103 .elementor-element.elementor-element-eef9d68 p {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.85 !important;
    color: #333333 !important;
    margin-bottom: 26px !important;
    text-align: center !important; 
}

/* 4. El Primer Párrafo actúa automáticamente como "Copete" o Introducción */
.elementor-103 .elementor-element.elementor-element-eef9d68 p:first-of-type {
    font-size: 21px !important;
    font-style: italic !important;
    line-height: 1.7 !important;
    color: #151515 !important;
    text-align: center !important;
    margin-bottom: 45px !important;
}

/* ==========================================================================
   5. CONTROL DE TÍTULOS ALTERNOS (H2 ORO/CURSIVA vs H3 NEGRO)
   ========================================================================== */

/* OPCIÓN A: títulos en DORADO Y CURSIVA (Usa H2 en el editor) */
.elementor-103 .elementor-element.elementor-element-eef9d68 h2 {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    font-style: italic !important; /* Fuerza la cursiva */
    color: #a18a5e !important; /* Oro viejo corporativo */
    margin-top: 55px !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

/* OPCIÓN B: títulos en NEGRO SOBRIO (Usa H3 en el editor) */
.elementor-103 .elementor-element.elementor-element-eef9d68 h3 {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    font-style: normal !important; /* Forzar texto derecho, no cursiva */
    color: #151515 !important; /* Negro puro */
    margin-top: 50px !important;
    margin-bottom: 22px !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
}

/* ==========================================================================
   6. IMÁGENES Y CITAS (CENTRADO ABSOLUTO)
   ========================================================================== */
.elementor-103 .elementor-element.elementor-element-eef9d68 img,
.elementor-103 .elementor-element.elementor-element-eef9d68 figure,
.elementor-103 .elementor-element.elementor-element-eef9d68 .wp-block-image {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
    text-align: center !important;
}

.elementor-103 .elementor-element.elementor-element-eef9d68 figcaption,
.elementor-103 .elementor-element.elementor-element-eef9d68 .wp-element-caption {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    color: #a18a5e !important;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}

/* Citas destacadas (Blockquotes) */
.elementor-103 .elementor-element.elementor-element-eef9d68 blockquote {
    margin: 45px 0 !important;
    padding: 0 40px !important;
    border: none !important;
    text-align: center !important;
}

.elementor-103 .elementor-element.elementor-element-eef9d68 blockquote p {
    font-size: 24px !important;
    line-height: 1.6 !important;
    color: #a18a5e !important; 
    font-style: italic !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Enlaces */
.elementor-103 .elementor-element.elementor-element-eef9d68 a {
    color: #a18a5e !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #a18a5e !important;
    transition: all 0.3s ease !important;
}

.elementor-103 .elementor-element.elementor-element-eef9d68 a:hover {
    color: #151515 !important;
    border-bottom: 1px solid #151515 !important;
}

/* ==========================================================================
   ADAPTACIÓN MÓVIL (RESPONSIVE)
   ========================================================================== */
@media (max-width: 991px) {
    .elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-theme-post-content,
    .elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-text-editor {
        padding: 60px 45px !important;
    }
}

@media (max-width: 768px) {
    .elementor-103 .elementor-element.elementor-element-eef9d68 {
        padding: 40px 12px 60px 12px !important;
    }
    
    .elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-theme-post-content,
    .elementor-103 .elementor-element.elementor-element-eef9d68 .elementor-widget-text-editor {
        padding: 40px 20px !important;
    }
    
    .elementor-103 .elementor-element.elementor-element-eef9d68 p, .elementor-103 .elementor-element.elementor-element-eef9d68 p:first-of-type { 
        font-size: 16px !important; 
        text-align: center !important; 
    }
    
    .elementor-103 .elementor-element.elementor-element-eef9d68 h2 { font-size: 26px !important; }
    .elementor-103 .elementor-element.elementor-element-eef9d68 h3 { font-size: 21px !important; }
    .elementor-103 .elementor-element.elementor-element-eef9d68 blockquote p { font-size: 20px !important; }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   PLANTILLA DE ENTRADAS INDIVIDUALES - ESTILO FOLIO DE LUJO
   ========================================================================== */

/* --- PARTE 1: CABECERA DEL TÍTULO (HERO OSCURO) --- */
.rodero-single-hero {
    background-color: #151515 !important;
    padding: 120px 20px 60px 20px !important;
    text-align: center !important;
}

/* Forzar estilo en el widget Título del Post */
.rodero-single-title h1,
.rodero-single-title .elementor-heading-title {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 52px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* --- PARTE 2: CUERPO DE LA ENTRADA (FONDO CREMA) --- */
.rodero-single-body-section {
    background-color: #eae7df !important; /* Crema corporativo */
    padding: 80px 20px 100px 20px !important;
}

/* EL FOLIO BLANCO (Se aplica al widget Contenido del Post) */
.rodero-single-content-box {
    max-width: 860px !important;
    margin: 0 auto !important;
    background-color: #ffffff !important; /* Efecto papel */
    padding: 80px 90px !important;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.04) !important;
}

/* Estilos internos para el texto que redactes en WordPress */
.rodero-single-content-box p {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.85 !important;
    color: #333333 !important;
    margin-bottom: 26px !important;
    text-align: justify !important;
}

/* El primer párrafo de la noticia actúa automáticamente como introducción destacada */
.rodero-single-content-box p:first-of-type {
    font-size: 20px !important;
    font-style: italic !important;
    line-height: 1.7 !important;
    color: #151515 !important;
    text-align: center !important;
    margin-bottom: 45px !important;
}

/* Subtítulos (H2) que metas dentro del texto */
.rodero-single-content-box h2 {
    font-family: 'Times New Roman', Times, Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #151515 !important;
    margin-top: 55px !important;
    margin-bottom: 25px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(161, 138, 94, 0.25) !important; /* Línea dorada fina */
}

/* Citas destacadas (Blockquotes) en el editor */
.rodero-single-content-box blockquote {
    margin: 45px 0 !important;
    padding: 0 40px !important;
    border: none !important;
    text-align: center !important;
}

.rodero-single-content-box blockquote p {
    font-size: 24px !important;
    line-height: 1.6 !important;
    color: #a18a5e !important;
    font-style: italic !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Enlaces dentro del texto */
.rodero-single-content-box a {
    color: #a18a5e !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #a18a5e !important;
    transition: all 0.3s ease !important;
}

.rodero-single-content-box a:hover {
    color: #151515 !important;
    border-bottom: 1px solid #151515 !important;
}

/* ==========================================================================
   VERSION MÓVIL Y ADAPTATIVA
   ========================================================================== */
@media (max-width: 991px) {
    .rodero-single-content-box { padding: 60px 45px !important; }
}

@media (max-width: 768px) {
    .rodero-single-hero { padding-top: 90px !important; }
    .rodero-single-title h1 { font-size: 36px !important; }
    
    .rodero-single-body-section { padding: 40px 12px 60px 12px !important; }
    .rodero-single-content-box { padding: 40px 20px !important; }
    
    .rodero-single-content-box p { font-size: 16px !important; text-align: left !important; }
    .rodero-single-content-box p:first-of-type { font-size: 18px !important; text-align: left !important; }
    .rodero-single-content-box h2 { font-size: 22px !important; }
    .rodero-single-content-box blockquote p { font-size: 20px !important; }
}/* End custom CSS */