.elementor-580 .elementor-element.elementor-element-68b5d1a3{--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;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#0000001A;--border-color:#0000001A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-580 .elementor-element.elementor-element-6000e197{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-icon{width:14px;}.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-icon i{font-size:14px;}.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-text, .elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-text a{color:#000000;}.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-icon{width:14px;}.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-icon i{font-size:14px;}.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-text, .elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-text a{color:#000000;}.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-icon{width:14px;}.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-icon i{font-size:14px;}.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-text, .elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-text a{color:#000000;}.elementor-580 .elementor-element.elementor-element-420c7ec1 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-580 .elementor-element.elementor-element-4cd05a53{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-580 .elementor-element.elementor-element-1c8b6b1f{--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;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-580 .elementor-element.elementor-element-398dc5ff{--box-border-radius:24px;--item-text-hover-decoration:underline;}.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__header-title{text-align:start;}.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__header{flex-direction:row;}.elementor-580 .elementor-element.elementor-element-68f6263c{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-3b675bf9{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-139e73aa img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-580 .elementor-element.elementor-element-70e9ba68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-580 .elementor-element.elementor-element-257ed18{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-23685b3e img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-580 .elementor-element.elementor-element-29131c50{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-5f26630d{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-f89f8bb{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-ee3f3a0 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-580 .elementor-element.elementor-element-1ccf608{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-icon i{color:#A3E635;transition:color 0.3s;}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-icon svg{fill:#A3E635;transition:fill 0.3s;}.elementor-580 .elementor-element.elementor-element-4acecac4{--e-icon-list-icon-size:30px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-580 .elementor-element.elementor-element-60ece27{--display:flex;}.elementor-580 .elementor-element.elementor-element-6de3f42{--display:flex;}.elementor-580 .elementor-element.elementor-element-5b3af00{--display:flex;}.elementor-580 .elementor-element.elementor-element-e4588d1{--display:flex;}.elementor-580 .elementor-element.elementor-element-ab58a11{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-580 .elementor-element.elementor-element-4c85bdaa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-580 .elementor-element.elementor-element-4c85bdaa.e-con{--align-self:flex-start;}.elementor-580 .elementor-element.elementor-element-73836ecf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-580 .elementor-element.elementor-element-46bd3c73{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:#A3E635;--e-share-buttons-secondary-color:#000000;}.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn{font-size:calc(0.65px * 10);height:6.5em;}.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn:hover{--e-share-buttons-primary-color:#A3E635;}.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn__title{font-family:"Outfit", Sans-serif;font-weight:700;}.elementor-580 .elementor-element.elementor-element-4db30623{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:11px 11px;--row-gap:11px;--column-gap:11px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0000001A;--border-color:#0000001A;--border-radius:16px 16px 16px 16px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-580 .elementor-element.elementor-element-4db30623:not(.elementor-motion-effects-element-type-background), .elementor-580 .elementor-element.elementor-element-4db30623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-580 .elementor-element.elementor-element-225127f1 .elementor-heading-title{font-size:25px;}.elementor-580 .elementor-element.elementor-element-28b7422e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:42px;--padding-left:0px;--padding-right:0px;}.elementor-580 .elementor-element.elementor-element-11ac3ebb{text-align:start;font-size:18px;font-weight:bold;}.elementor-580 .elementor-element.elementor-element-4a12be65{--grid-columns:3;}@media(max-width:1024px){ .elementor-580 .elementor-element.elementor-element-46bd3c73{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-580 .elementor-element.elementor-element-4a12be65{--grid-columns:2;}}@media(min-width:768px){.elementor-580 .elementor-element.elementor-element-68b5d1a3{--content-width:900px;}.elementor-580 .elementor-element.elementor-element-6000e197{--width:100%;}.elementor-580 .elementor-element.elementor-element-4cd05a53{--content-width:900px;}.elementor-580 .elementor-element.elementor-element-1c8b6b1f{--width:100%;}.elementor-580 .elementor-element.elementor-element-4db30623{--width:100%;}.elementor-580 .elementor-element.elementor-element-28b7422e{--content-width:900px;}}@media(max-width:767px){.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-item{font-size:11px;}.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-item{font-size:11px;}.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-item{font-size:11px;} .elementor-580 .elementor-element.elementor-element-46bd3c73{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-580 .elementor-element.elementor-element-4a12be65{--grid-columns:1;}}/* Start custom CSS for post-info, class: .elementor-element-4f97e9b6 *//* CSS para el widget de FECHA */
.elementor-580 .elementor-element.elementor-element-4f97e9b6 .elementor-icon-list-item {
    background-color: #A3E635 !important; /* Verde Lima */
    color: #000000 !important;
    
    /* Control de dimensiones */
    height: 32px !important; /* Altura fija para unificar */
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 20px !important;
    
    /* Tipografía unificada */
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important; /* Bajamos a 12px para que rime con categoría */
    font-weight: 800 !important; /* Mismo grosor que categoría */
    line-height: 1 !important;
}

/* Limpieza de puntos */
.elementor-580 .elementor-element.elementor-element-4f97e9b6::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-586190ff *//* CSS para el widget de CATEGORÍA */
.elementor-580 .elementor-element.elementor-element-586190ff .elementor-icon-list-item a {
    background-color: #A3E635 !important;
    color: #000000 !important;
    
    /* Control de dimensiones */
    height: 32px !important; /* Misma altura fija */
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 20px !important;
    
    /* Tipografía */
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

/* Limpieza de puntos */
.elementor-580 .elementor-element.elementor-element-586190ff::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-431d3199 *//* CSS para el widget de AUTOR */
.elementor-580 .elementor-element.elementor-element-431d3199 {
    display: flex !important;
    align-items: center !important;
}

/* Eliminamos cualquier punto accidental */
.elementor-580 .elementor-element.elementor-element-431d3199::before {
    content: none !important;
}

/* Texto del autor */
.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Prefijo "Por " en gris */
.elementor-580 .elementor-element.elementor-element-431d3199 .elementor-icon-list-text::before {
    content: "Por " !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
    margin-right: 4px !important;
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-398dc5ff *//* =========================================
   TOC: LIMPIEZA TOTAL, BORDES Y SANGRÍA
   ========================================= */

/* 1. Contenedor: Forzamos el radio de 20px */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-widget-container {
    background-color: #ffffff !important;
    border: 2px solid #E9ECEF !important; /* Gris suave corporativo */
    border-radius: 20px !important; /* Tu radio de esquina de 20px */
    overflow: hidden !important; /* Clave para que se vea el redondeado */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

/* 2. Cabecera: Adiós a la raya divisoria */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__header {
    border-bottom: none !important; /* Quitamos la raya que no querías */
    padding: 30px 30px 10px 30px !important; /* Más aire arriba, menos abajo */
}

.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__header-title {
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Punto verde del título */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__header-title::before {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}

/* 3. Lista: Quitar números y dar sangría (indentación) */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__list-wrapper {
    list-style: none !important; /* Eliminamos los números definitivamente */
    padding: 10px 30px 30px 50px !important; /* Aquí damos la 'sangría' (50px a la izquierda) */
}

.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__list-item {
    list-style-type: none !important; /* Doble seguridad */
    margin-bottom: 14px !important;
    position: relative !important;
}

/* Los puntos verdes de la lista */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__list-item::before {
    content: '' !important;
    position: absolute !important;
    left: -20px !important; /* Posicionamos el punto en el hueco de la sangría */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}

/* 4. Texto de los enlaces */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__list-item-text {
    color: #4B5563 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Efecto activo (cuando estás en esa sección) */
.elementor-580 .elementor-element.elementor-element-398dc5ff .elementor-toc__list-item-text.elementor-item-active {
    color: #000000 !important;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68f6263c *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-68f6263c p a,
.elementor-580 .elementor-element.elementor-element-68f6263c .dato-experto a,
.elementor-580 .elementor-element.elementor-element-68f6263c blockquote a,
.elementor-580 .elementor-element.elementor-element-68f6263c ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-68f6263c ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-68f6263c ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-68f6263c p a:hover,
.elementor-580 .elementor-element.elementor-element-68f6263c .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-68f6263c blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-68f6263c ol li a:hover,
.elementor-580 .elementor-element.elementor-element-68f6263c ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-68f6263c ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-68f6263c [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-68f6263c [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-68f6263c .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-68f6263c .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-68f6263c h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-68f6263c h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-68f6263c ul, .elementor-580 .elementor-element.elementor-element-68f6263c ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-68f6263c ul li, .elementor-580 .elementor-element.elementor-element-68f6263c ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-68f6263c ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b675bf9 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-3b675bf9 p a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 .dato-experto a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 blockquote a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-3b675bf9 p a:hover,
.elementor-580 .elementor-element.elementor-element-3b675bf9 .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-3b675bf9 blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-3b675bf9 ol li a:hover,
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-3b675bf9 [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-3b675bf9 .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-3b675bf9 h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-3b675bf9 h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul, .elementor-580 .elementor-element.elementor-element-3b675bf9 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-3b675bf9 ul li, .elementor-580 .elementor-element.elementor-element-3b675bf9 ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-3b675bf9 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70e9ba68 */pre code {
  background: #0a0a0a;
  color: #e5e5e5;
  font-family: 'Courier New', monospace;
  border-radius: 12px;
  padding: 16px;
  display: block;
  white-space: pre-wrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-257ed18 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-257ed18 p a,
.elementor-580 .elementor-element.elementor-element-257ed18 .dato-experto a,
.elementor-580 .elementor-element.elementor-element-257ed18 blockquote a,
.elementor-580 .elementor-element.elementor-element-257ed18 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-257ed18 ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-257ed18 ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-257ed18 p a:hover,
.elementor-580 .elementor-element.elementor-element-257ed18 .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-257ed18 blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-257ed18 ol li a:hover,
.elementor-580 .elementor-element.elementor-element-257ed18 ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-257ed18 ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-257ed18 [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-257ed18 [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-257ed18 .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-257ed18 .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-257ed18 h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-257ed18 h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-257ed18 ul, .elementor-580 .elementor-element.elementor-element-257ed18 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-257ed18 ul li, .elementor-580 .elementor-element.elementor-element-257ed18 ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-257ed18 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d8f4cba */pre code {
  background: #0a0a0a;
  color: #e5e5e5;
  font-family: 'Courier New', monospace;
  border-radius: 12px;
  padding: 16px;
  display: block;
  white-space: pre-wrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-29131c50 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-29131c50 p a,
.elementor-580 .elementor-element.elementor-element-29131c50 .dato-experto a,
.elementor-580 .elementor-element.elementor-element-29131c50 blockquote a,
.elementor-580 .elementor-element.elementor-element-29131c50 ol li a,
.elementor-580 .elementor-element.elementor-element-29131c50 td a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-29131c50 ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-29131c50 ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-29131c50 p a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 ol li a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 td a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-29131c50 ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-29131c50 [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-29131c50 [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-29131c50 .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-29131c50 .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-29131c50 h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-29131c50 h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-29131c50 ul, .elementor-580 .elementor-element.elementor-element-29131c50 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-29131c50 ul li, .elementor-580 .elementor-element.elementor-element-29131c50 ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-29131c50 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ea17189 */pre code {
  background: #0a0a0a;
  color: #e5e5e5;
  font-family: 'Courier New', monospace;
  border-radius: 12px;
  padding: 16px;
  display: block;
  white-space: pre-wrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5f26630d *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-5f26630d p a,
.elementor-580 .elementor-element.elementor-element-5f26630d .dato-experto a,
.elementor-580 .elementor-element.elementor-element-5f26630d blockquote a,
.elementor-580 .elementor-element.elementor-element-5f26630d ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-5f26630d ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-5f26630d ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-5f26630d p a:hover,
.elementor-580 .elementor-element.elementor-element-5f26630d .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-5f26630d blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-5f26630d ol li a:hover,
.elementor-580 .elementor-element.elementor-element-5f26630d ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-5f26630d ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-5f26630d [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-5f26630d [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-5f26630d .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-5f26630d .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-5f26630d h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-5f26630d h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-5f26630d ul, .elementor-580 .elementor-element.elementor-element-5f26630d ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-5f26630d ul li, .elementor-580 .elementor-element.elementor-element-5f26630d ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-5f26630d ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b385d30 */pre code {
  background: #0a0a0a;
  color: #e5e5e5;
  font-family: 'Courier New', monospace;
  border-radius: 12px;
  padding: 16px;
  display: block;
  white-space: pre-wrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f89f8bb *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-f89f8bb p a,
.elementor-580 .elementor-element.elementor-element-f89f8bb .dato-experto a,
.elementor-580 .elementor-element.elementor-element-f89f8bb blockquote a,
.elementor-580 .elementor-element.elementor-element-f89f8bb ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-f89f8bb ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-f89f8bb ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-f89f8bb p a:hover,
.elementor-580 .elementor-element.elementor-element-f89f8bb .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-f89f8bb blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-f89f8bb ol li a:hover,
.elementor-580 .elementor-element.elementor-element-f89f8bb ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-f89f8bb ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-f89f8bb [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-f89f8bb [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-f89f8bb .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-f89f8bb .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-f89f8bb h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-f89f8bb h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-f89f8bb ul, .elementor-580 .elementor-element.elementor-element-f89f8bb ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-f89f8bb ul li, .elementor-580 .elementor-element.elementor-element-f89f8bb ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-f89f8bb ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-148437a7 */pre code {
  background: #0a0a0a;
  color: #e5e5e5;
  font-family: 'Courier New', monospace;
  border-radius: 12px;
  padding: 16px;
  display: block;
  white-space: pre-wrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ccf608 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-580 .elementor-element.elementor-element-1ccf608 p a,
.elementor-580 .elementor-element.elementor-element-1ccf608 .dato-experto a,
.elementor-580 .elementor-element.elementor-element-1ccf608 blockquote a,
.elementor-580 .elementor-element.elementor-element-1ccf608 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-580 .elementor-element.elementor-element-1ccf608 ul:not([class*="toc"]) li a, 
.elementor-580 .elementor-element.elementor-element-1ccf608 ul:not([class*="TOC"]) li a {
    color: #000000 !important; /* Negro intenso */
    font-weight: 700 !important; /* Negrita */
    text-decoration: none !important;
    border-bottom: 3px solid #A3E635 !important; /* La línea Verde Lima */
    transition: all 0.2s ease-in-out !important;
    padding: 0 2px !important;
    font-size: 17px !important;
}

/* Efecto Hover: Fondo verde marcador */
.elementor-580 .elementor-element.elementor-element-1ccf608 p a:hover,
.elementor-580 .elementor-element.elementor-element-1ccf608 .dato-experto a:hover,
.elementor-580 .elementor-element.elementor-element-1ccf608 blockquote a:hover,
.elementor-580 .elementor-element.elementor-element-1ccf608 ol li a:hover,
.elementor-580 .elementor-element.elementor-element-1ccf608 ul:not([class*="toc"]) li a:hover,
.elementor-580 .elementor-element.elementor-element-1ccf608 ul:not([class*="TOC"]) li a:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
    border-bottom: 3px solid transparent !important; /* Ocultamos la línea */
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* --- ESCUDO EXTRA PARA LA TABLA DE CONTENIDOS (Por si el filtro de arriba falla) --- */
/* Forzamos a que cualquier cosa que parezca un índice vuelva a ser normal */
.elementor-580 .elementor-element.elementor-element-1ccf608 [class*="toc"] a,
.elementor-580 .elementor-element.elementor-element-1ccf608 [class*="TOC"] a,
.elementor-580 .elementor-element.elementor-element-1ccf608 .elementor-toc a,
.elementor-580 .elementor-element.elementor-element-1ccf608 .ez-toc-container a {
    border-bottom: none !important;
    background-color: transparent !important;
    font-weight: normal !important;
    color: inherit !important; /* Que use el color que diga el plugin */
    box-shadow: none !important;
}
/* --- 10. SUBTÍTULOS H3 (Outfit + Bola Verde) --- */
.elementor-580 .elementor-element.elementor-element-1ccf608 h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Negrita */
    font-size: 22px !important; /* Un poco más pequeño que el H2 (que era 32px) */
    color: #000000 !important;
    line-height: 1.3 !important;
    margin: 32px 0 16px 0 !important; /* Espacio para respirar */
    padding-left: 24px !important; /* Hueco reservado para la bola */
    position: relative !important;
}

/* La Bola Verde */
.elementor-580 .elementor-element.elementor-element-1ccf608 h3::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important; /* Ajuste óptico para centrarlo con la mayúscula */
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 50% !important; /* La convertimos en bola */
}
/* --- 3. LISTAS PERSONALIZADAS (Indentadas y con Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-1ccf608 ul, .elementor-580 .elementor-element.elementor-element-1ccf608 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-1ccf608 ul li, .elementor-580 .elementor-element.elementor-element-1ccf608 ol li {
    position: relative !important;
    padding-left: 30px !important; /* Un poco más de aire entre el punto y el texto */
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

/* El punto verde (ajustado a la nueva posición) */
.elementor-580 .elementor-element.elementor-element-1ccf608 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important; /* Se queda pegado al inicio del LI */
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4acecac4 *//* --- 11. CORRECCIÓN WIDGET LISTADO DE ICONOS (Estilo "Bola y Check" Personalizado) --- */

/* 1. Ocultamos el icono original del widget (el que sale cuadrado) */
.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-icon {
    display: none !important;
}

/* 2. Preparamos el elemento de lista para recibir nuestro icono personalizado */
.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-item {
    position: relative !important;
    /* Este padding es la separación entre el texto y la bola. Auméntalo si quieres más aire. */
    padding-left: 36px !important; 
    margin-bottom: 12px !important;
    align-items: flex-start !important; /* Alineamos arriba por si el texto ocupa dos líneas */
}

/* 3. Dibujamos nuestra propia BOLA VERDE CON CHECK (Usando ::before) */
.elementor-580 .elementor-element.elementor-element-4acecac4 .elementor-icon-list-item::before {
    content: '✓' !important; /* El carácter del check */
    position: absolute !important;
    left: 0 !important;
    top: 0px !important; /* Ajuste vertical óptico */
    
    /* Diseño de la bola */
    width: 24px !important;
    height: 24px !important;
    background-color: #A3E635 !important; /* Fondo Verde Lima */
    border-radius: 50% !important; /* Redondo */
    
    /* Diseño del check interior */
    color: #000000 !important; /* Check negro */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important; /* Check gordito */
    font-size: 14px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}/* End custom CSS */
/* Start custom CSS for author-box, class: .elementor-element-44aae0ea *//* =========================================
   CAJA DE AUTOR: ESTILO REFINADO LUISMI.PRO
   ========================================= */

/* 1. Contenedor Principal */
.elementor-580 .elementor-element.elementor-element-44aae0ea {
    background-color: #FFFFFF !important;
    border: 2px solid #A3E635 !important; /* Verde Lima */
    border-radius: 24px !important;
    padding: 35px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. Efecto Hover */
.elementor-580 .elementor-element.elementor-element-44aae0ea:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(163, 230, 53, 0.12) !important;
    border-color: #A3E635 !important;
}

/* 3. Nombre del Autor (H4 en Outfit) */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__name {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #000000 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}

/* 4. Biografía (Inter Estilo Fino) */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__bio {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important; /* Peso fino y limpio */
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #374151 !important; /* Gris oscuro profesional */
}

/* 5. Ajuste del Avatar */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__avatar img {
    border: 3px solid #F8F9FA !important;
    border-radius: 50% !important; /* Mantenemos el círculo */
    transition: transform 0.3s ease !important;
    margin-right: 25px !important;
}

.elementor-580 .elementor-element.elementor-element-44aae0ea:hover .elementor-author-box__avatar img {
    transform: scale(1.05) !important;
}

/* 6. Enlaces dentro de la bio */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__bio a {
    color: #A3E635 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
/* =========================================
   CAJA DE AUTOR CON PESTAÑA: ESTILO PERSPECTIVA
   ========================================= */

/* 1. Contenedor con espacio para la pestaña */
.elementor-580 .elementor-element.elementor-element-44aae0ea {
    background-color: #FFFFFF !important;
    border: 2px solid #A3E635 !important;
    border-radius: 24px !important;
    padding: 50px 35px 35px 35px !important; /* Más padding arriba para no pisar el texto */
    position: relative !important; /* Obligatorio para posicionar la pestaña */
    margin-top: 50px !important; /* Espacio para que la pestaña no choque con lo de arriba */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    align-items: center !important;
}

/* 2. La Pestaña "SOBRE EL AUTOR" */
.elementor-580 .elementor-element.elementor-element-44aae0ea::before {
    content: 'SOBRE EL AUTOR' !important;
    position: absolute !important;
    top: -16px !important; /* Ajuste para que monte sobre el reborde verde */
    left: 32px !important;
    background-color: #A3E635 !important; /* Verde Lima */
    color: #000000 !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px rgba(163, 230, 53, 0.2) !important;
    z-index: 1 !important;
}

/* 3. Nombre del Autor (Outfit) */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__name {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #000000 !important;
    margin-bottom: 6px !important;
}

/* 4. Biografía (Inter Fino) */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__bio {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #374151 !important;
}

/* 5. Avatar y Efecto Hover */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__avatar img {
    border-radius: 50% !important;
    margin-right: 25px !important;
    border: 3px solid #F8F9FA !important;
}

.elementor-580 .elementor-element.elementor-element-44aae0ea:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(163, 230, 53, 0.12) !important;
}
/* Color de los enlaces en la caja */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__name a, 
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__button {
    color: #000000 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Efecto al pasar el ratón */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__name a:hover {
    color: #A3E635 !important; /* Cambia a verde lima al pasar el ratón */
}

/* Estilo del botón (si lo activas) */
.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-top: 15px !important;
    display: inline-block !important;
}

.elementor-580 .elementor-element.elementor-element-44aae0ea .elementor-author-box__button:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73836ecf *//* --- Título COMPARTIR (Sin margen superior) --- */
.elementor-580 .elementor-element.elementor-element-73836ecf {
    margin-top: 0 !important; /* Eliminamos el espacio que causaba el problema */
    margin-bottom: 20px !important;
}

.elementor-580 .elementor-element.elementor-element-73836ecf .elementor-text-editor {
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for share-buttons, class: .elementor-element-46bd3c73 *//* --- Botones de Compartir (Estilo 20.24.27) --- */

/* Contenedor y espaciado */
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-grid {
    gap: 15px !important;
}

/* El botón: Cuadrado con redondeo suave */
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn {
    background-color: #A3E635 !important; /* Verde Lima */
    border-radius: 9px !important; /* Radio reducido para efecto cuadrado */
    transition: transform 0.2s ease !important;
    border: none !important;
    padding: 12px !important;
}

/* Iconos en negro puro */
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn__icon i,
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn__text,
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn__title {
    color: #000000 !important; /* Iconos negros como en la captura */
    font-size: 18px !important;
}

/* Efecto hover sutil */
.elementor-580 .elementor-element.elementor-element-46bd3c73 .elementor-share-btn:hover {
    transform: translateY(-3px) !important;
    filter: brightness(1.05); /* Brillo ligero en lugar de cambio de color */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c85bdaa */.elementor-580 .elementor-element.elementor-element-4c85bdaa {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Forzamos que el widget de contenido anterior no empuje a este */
.elementor-580 .elementor-element.elementor-element-4c85bdaa {
    clear: both !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cd05a53 *//* ============================================================
   POST CONTENT MASTER CSS (Especial para contenido n8n)
   ============================================================ */

/* --- 1. PÁRRAFOS Y TEXTO BASE --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 p {
    font-family: 'Inter', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #374151 !important;
    margin-bottom: 24px !important;
}

/* --- 2. SUBTÍTULOS H2 (Barra lateral verde) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 h2 {
    position: relative !important;
    padding-left: 20px !important;
    margin: 20px 0 24px 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.2 !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 h2::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    bottom: 6px !important;
    width: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 4px !important;
}

/* --- 3. LISTAS PERSONALIZADAS (Puntos verdes) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 ul, .elementor-580 .elementor-element.elementor-element-4cd05a53 ol {
    margin: 24px 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 ul li, .elementor-580 .elementor-element.elementor-element-4cd05a53 ol li {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 12px !important;
    font-size: 17px !important;
    color: #374151 !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #A3E635 !important;
    border-radius: 50% !important;
}

/* --- 4. CAJA DE RESUMEN (TL;DR de n8n) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 div[style*="background-color: #a3e635"] {
    border-radius: 20px !important; /* Radio unificado */
    padding: 32px !important;
    margin-bottom: 40px !important;
    border: none !important;
}

/* --- 5. BLOQUE DE CITA (Blockquote) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 blockquote {
    background-color: #A3E635 !important;
    color: #000000 !important;
    padding: 40px 30px 30px 70px !important;
    margin: 40px 0 !important;
    border-radius: 20px !important;
    position: relative !important;
    border: none !important;
    font-style: italic !important;
    font-size: 1.1em !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 blockquote::before {
    content: "\201C" !important;
    font-family: "Georgia", serif !important;
    font-size: 100px !important;
    opacity: 0.15 !important;
    position: absolute !important;
    top: -10px !important;
    left: 15px !important;
}

/* --- 6. CAJA DATO EXPERTO (Toma Nota) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 .dato-experto {
    background-color: #ffffff !important;
    border: 2px solid #A3E635 !important;
    border-radius: 20px !important;
    padding: 35px 25px 25px 25px !important;
    margin: 40px 0 !important;
    position: relative !important;
    box-shadow: 0 10px 25px rgba(163, 230, 53, 0.1) !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 .dato-experto::before {
    content: "TOMA NOTA" !important;
    position: absolute !important;
    top: -14px !important;
    left: 24px !important;
    background-color: #A3E635 !important;
    padding: 4px 16px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* --- 7. TABLAS ZEBRA (Scroll Horizontal + Indicador Móvil) --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin: 32px 0 !important;
    border: 2px solid #A3E635 !important;
    border-radius: 20px !important;
    /* Eliminamos overflow: hidden para permitir scroll */
}

/* Estilos de cabecera y celdas (Se mantienen) */
.elementor-580 .elementor-element.elementor-element-4cd05a53 th {
    background-color: #A3E635 !important;
    color: #000000 !important;
    padding: 16px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 td {
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(163, 230, 53, 0.1) !important;
    background-color: #ffffff !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 tr:nth-child(even) td {
    background-color: rgba(163, 230, 53, 0.05) !important;
}

/* --- MAGIA PARA MÓVIL --- */
@media (max-width: 767px) {
    .elementor-580 .elementor-element.elementor-element-4cd05a53 table {
        display: block !important;
        overflow-x: auto !important; /* Habilitamos el scroll horizontal */
        position: relative !important;
        -webkit-overflow-scrolling: touch !important; /* Scroll suave en iOS */
    }

    /* El texto flotante indicador con flechas */
    .elementor-580 .elementor-element.elementor-element-4cd05a53 table::before {
        content: "↔ DESLIZA PARA VER MÁS ↔" !important;
        display: block !important;
        background-color: #A3E635 !important;
        color: #000 !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        text-align: center !important;
        padding: 5px 0 !important;
        border-bottom: 1px solid #000 !important;
        letter-spacing: 1px !important;
    }

    /* Forzamos un ancho mínimo a las celdas para que no se estrujen */
    .elementor-580 .elementor-element.elementor-element-4cd05a53 td, .elementor-580 .elementor-element.elementor-element-4cd05a53 th {
        min-width: 140px !important;
        white-space: normal !important;
    }
}
/* --- 8. IMÁGENES Y SEPARADORES --- */
.elementor-580 .elementor-element.elementor-element-4cd05a53 img {
    border-radius: 20px !important;
    border: 1px solid #A3E635 !important;
    margin: 40px auto !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 hr {
    border: 0 !important;
    height: 1px !important;
    background-color: #E9ECEF !important;
    margin: 40px auto !important;
    overflow: visible !important;
    width: 60% !important;
    position: relative !important;
}

.elementor-580 .elementor-element.elementor-element-4cd05a53 hr::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
    height: 10px !important;
    background-color: #A3E635 !important;
    border: 3px solid #ffffff !important;
    border-radius: 50% !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-11ac3ebb *//* --- Título COMPARTIR (Sin margen superior) --- */
.elementor-580 .elementor-element.elementor-element-11ac3ebb {
    margin-top: 0 !important; /* Eliminamos el espacio que causaba el problema */
    margin-bottom: 2px !important;
}

.elementor-580 .elementor-element.elementor-element-11ac3ebb .elementor-text-editor {
    font-family: 'Outfit', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
}/* End custom CSS */