.elementor-kit-10{--e-global-color-primary:#595518;--e-global-color-secondary:#736230;--e-global-color-text:#7A7A7A;--e-global-color-accent:#A6882D;--e-global-color-f5cd1e0:#93942E;--e-global-color-0328779:#BFBDA3;--e-global-color-96d8f9d:#FCCE44;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:16px;--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;font-size:20px;line-height:2em;}.elementor-kit-10 p{margin-bottom:30px;}.elementor-kit-10 a{color:#A6882D;}.elementor-kit-10 h1{color:#736230;font-size:36px;line-height:1.5em;}.elementor-kit-10 h2{color:#2D250C;font-size:30px;font-weight:600;line-height:1.5em;}.elementor-kit-10 h3{color:#7D6722;font-size:25px;font-weight:500;line-height:1.5em;}.elementor-kit-10 h4{font-size:20px;font-weight:500;font-style:italic;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:30px;}.elementor-element{--widgets-spacing:30px 30px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:900px){.elementor-kit-10{--e-global-typography-primary-font-size:16px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;font-size:22px;line-height:2.1em;}.elementor-kit-10 p{margin-bottom:60px;}.elementor-kit-10 h1{line-height:1.6em;}.elementor-kit-10 h2{line-height:1.5em;}.elementor-kit-10 h3{line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Estilos globales para Párrafos */
p {
    margin-bottom: 7em; /* Espacio debajo de cada párrafo */
    margin-top: 0; /* Asegura que no haya margen arriba si el tema lo añade por defecto */
}

/* Estilos para Elementos de Lista (<li>) dentro de Listas (<ul>, <ol>) */
/* Añade espacio debajo de cada elemento de lista para separarlos */
li {
    margin-bottom: 1.5em; /* 1.5 veces la altura de línea del texto del elemento de lista */
}

/* Estilos específicos para Títulos H2 DENTRO del contenedor #caja_conteniido */
#caja_conteniido h2 {
    /* Margen superior e inferior para los H2 en el contenido principal */
    margin-top: 3em; /* Espacio antes de H2 en el contenido principal */
    margin-bottom: 20px; /* Espacio debajo de H2 en el contenido principal */

    /* Añade padding (espacio interno) para crear la caja/highlight */
    /* Asegúrate de que haya suficiente padding a la izquierda para la barra ::before + su margen */
    padding: 8px 15px 8px 23px; /* Relleno arriba (8), derecha (15), abajo (8), izquierda (23) */

    background-color: #F4F4F4; /* Color de fondo de la caja (actualizado a #F4F4F4) */
    display: inline-block; /* Hace que el fondo solo ocupe el ancho del texto + padding */

    /* Propiedades de texto específicas para estos H2 */
    color: #333; /* Color del texto del título */
    font-size: 1.3em; /* Tamaño del texto del título */
    /* font-weight: bold; */

    /* Necesario para que el ::before con position: absolute se posicione relativamente a este H2 */
    position: relative;

    /* Opcional: Bordes redondeados para la caja */
    border-radius: 5px;

    /* Opcional: Sombra sutil para la caja */
    /* box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); */

    /* Asegura que nada se salga si usas elementos posicionados absolutamente dentro */
    overflow: hidden;
}

/* Decoración (línea vertical naranja) antes de cada H2 DENTRO del contenedor #caja_conteniido */
#caja_conteniido h2::before {
    content: ""; /* El contenido está vacío porque la decoración es gráfica */

    /* --- Posicionamiento para que la altura coincida con la caja --- */
    position: absolute; /* Posicionamiento absoluto */
    top: 0; /* Alinea con el borde superior del H2 */
    bottom: 0; /* Extiende hasta el borde inferior del H2 (ocupa todo el alto) */
    left: 0; /* Alinea con el borde izquierdo del H2 (la línea estará en el área de padding) */
    /* --- Fin de posicionamiento --- */

    width: 8px; /* Ancho de la línea */
    background-color: #ff6600; /* Color de la línea (naranja) */

    /* El espacio entre la línea y el texto lo controlan el 'left: 0'
       de la línea y el 'padding-left' del H2 */
}


/* Estilos específicos para Títulos H3 DENTRO del contenedor #caja_conteniido */
#caja_conteniido h3 {
    margin-top: 2em; /* Espacio antes de cada H3 (se mantiene) */

    /* Borde a la izquierda con el color #FF934C */
    border-left: 4px solid #FF934C; /* Borde: grosor (4px), estilo (solid), color (#FF934C) */
    /* Puedes ajustar el 4px por otro valor más fino si prefieres, ej: 3px */

    /* Espacio entre el texto del título H3 y el borde izquierdo */
    padding-left: 10px; /* Espacio a la izquierda del texto */
    /* Ajusta este valor según cuánto espacio quieras entre el texto y el borde */

    /* Aseguramos que no haya fondo */
    background-color: transparent; /* O simplemente omite la propiedad background-color */

    /* Se mantiene el tamaño de fuente. El color del borde es ahora #FF934C. */
    /* Si el color del texto de tus H3 no es el deseado, puedes añadirlo aquí: */
    /* color: #333; */ /* Descomenta y cambia por el color de texto que quieras para H3 */
}

/* Estilos específicos para Títulos H4 DENTRO del contenedor #caja_conteniido (Línea de puntos debajo que solo cubre el texto) */
#caja_conteniido h4 {
    margin-top: 1.5em; /* Espacio antes del H4 (ajusta si necesitas más o menos) */
    margin-bottom: 10px; /* Espacio debajo del H4 */
    padding-bottom: 3px; /* Espacio entre el texto y la línea */

    /* Propiedad clave para que la caja solo ocupe el ancho del contenido */
    display: inline-block; /* <-- Añadido */

    border-bottom: 2px dotted #7D6722; /* Borde: grosor (2px), estilo (dotted), color (ej. color del texto H3 original) */
    /* Esta línea ahora solo se extenderá bajo el contenido del H4 */


    /* Aseguramos que no tenga fondos ni otros bordes no deseados */
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-left: 0; /* Asegura que no haya padding izquierdo que pueda afectar si display es inline-block */
    padding-right: 0; /* Asegura que no haya padding derecho */


    /* Puedes añadir otras propiedades de texto aquí si quieres */
    /* color: #333; */ /* Descomenta y cambia si quieres un color específico para el texto del H4 */
    /* font-weight: bold; */ /* Descomenta para hacerlo negrita */
}/* End custom CSS */