.elementor-1 .elementor-element.elementor-element-65ab979f{--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-1 .elementor-element.elementor-element-2c49b90{--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-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-icon{width:14px;}.elementor-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-icon i{font-size:14px;}.elementor-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-text, .elementor-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-text a{color:#000000;}.elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-icon{width:14px;}.elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-icon i{font-size:14px;}.elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-text, .elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-text a{color:#000000;}.elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-icon{width:14px;}.elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-icon i{font-size:14px;}.elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-text, .elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-text a{color:#000000;}.elementor-1 .elementor-element.elementor-element-283faff2 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-1 .elementor-element.elementor-element-161dade9{--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-1 .elementor-element.elementor-element-4da973e0{--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-1 .elementor-element.elementor-element-6f31826f{--box-border-radius:24px;--item-text-hover-decoration:underline;}.elementor-1 .elementor-element.elementor-element-6f31826f .elementor-toc__header-title{text-align:start;}.elementor-1 .elementor-element.elementor-element-6f31826f .elementor-toc__header{flex-direction:row;}.elementor-1 .elementor-element.elementor-element-e54cec8{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-d06b105{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-b584d4d img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-1 .elementor-element.elementor-element-99f4671{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1 .elementor-element.elementor-element-9aa8a44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1 .elementor-element.elementor-element-c9a8828{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-5c82827 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-1 .elementor-element.elementor-element-a95230a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:14px;}.elementor-1 .elementor-element.elementor-element-a95230a a{color:#000000;}.elementor-1 .elementor-element.elementor-element-6747145f{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-c06196e{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-13abf9c{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-990a3da{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-fa8d3c4{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-b4805c4 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-1 .elementor-element.elementor-element-75d7f7f1{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-4fcc5928{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-icon i{color:#A3E635;transition:color 0.3s;}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-icon svg{fill:#A3E635;transition:fill 0.3s;}.elementor-1 .elementor-element.elementor-element-ee5da3f{--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-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-1 .elementor-element.elementor-element-ee5da3f .elementor-icon-list-text{transition:color 0.3s;}.elementor-1 .elementor-element.elementor-element-8065be2{--display:flex;}.elementor-1 .elementor-element.elementor-element-1bbe661{--display:flex;}.elementor-1 .elementor-element.elementor-element-404c348{--display:flex;}.elementor-1 .elementor-element.elementor-element-5b98a68{--display:flex;}.elementor-1 .elementor-element.elementor-element-2093a0a{--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-1 .elementor-element.elementor-element-6f4bdd00{--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-1 .elementor-element.elementor-element-6f4bdd00.e-con{--align-self:flex-start;}.elementor-1 .elementor-element.elementor-element-5e7e287d{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-1 .elementor-element.elementor-element-5d7ef48f{--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-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn{font-size:calc(0.65px * 10);height:6.5em;}.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn:hover{--e-share-buttons-primary-color:#A3E635;}.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn__title{font-family:"Outfit", Sans-serif;font-weight:700;}.elementor-1 .elementor-element.elementor-element-5205c5b2{--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-1 .elementor-element.elementor-element-5205c5b2:not(.elementor-motion-effects-element-type-background), .elementor-1 .elementor-element.elementor-element-5205c5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-1 .elementor-element.elementor-element-34b11794 .elementor-heading-title{font-size:25px;}.elementor-1 .elementor-element.elementor-element-1de192e9{--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-1 .elementor-element.elementor-element-4e01967b{text-align:start;font-size:18px;font-weight:bold;}.elementor-1 .elementor-element.elementor-element-803a12{--grid-columns:3;}@media(max-width:1024px){ .elementor-1 .elementor-element.elementor-element-5d7ef48f{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1 .elementor-element.elementor-element-803a12{--grid-columns:2;}}@media(min-width:768px){.elementor-1 .elementor-element.elementor-element-65ab979f{--content-width:900px;}.elementor-1 .elementor-element.elementor-element-2c49b90{--width:100%;}.elementor-1 .elementor-element.elementor-element-161dade9{--content-width:900px;}.elementor-1 .elementor-element.elementor-element-4da973e0{--width:100%;}.elementor-1 .elementor-element.elementor-element-5205c5b2{--width:100%;}.elementor-1 .elementor-element.elementor-element-1de192e9{--content-width:900px;}}@media(max-width:767px){.elementor-1 .elementor-element.elementor-element-5399df01 .elementor-icon-list-item{font-size:11px;}.elementor-1 .elementor-element.elementor-element-7ab8dc4c .elementor-icon-list-item{font-size:11px;}.elementor-1 .elementor-element.elementor-element-3f88fba4 .elementor-icon-list-item{font-size:11px;} .elementor-1 .elementor-element.elementor-element-5d7ef48f{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-1 .elementor-element.elementor-element-803a12{--grid-columns:1;}}/* Start custom CSS for post-info, class: .elementor-element-5399df01 *//* CSS para el widget de FECHA */
.elementor-1 .elementor-element.elementor-element-5399df01 .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-1 .elementor-element.elementor-element-5399df01::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-7ab8dc4c *//* CSS para el widget de CATEGORÍA */
.elementor-1 .elementor-element.elementor-element-7ab8dc4c .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-1 .elementor-element.elementor-element-7ab8dc4c::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-3f88fba4 *//* CSS para el widget de AUTOR */
.elementor-1 .elementor-element.elementor-element-3f88fba4 {
    display: flex !important;
    align-items: center !important;
}

/* Eliminamos cualquier punto accidental */
.elementor-1 .elementor-element.elementor-element-3f88fba4::before {
    content: none !important;
}

/* Texto del autor */
.elementor-1 .elementor-element.elementor-element-3f88fba4 .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-1 .elementor-element.elementor-element-3f88fba4 .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-6f31826f *//* =========================================
   TOC: LIMPIEZA TOTAL, BORDES Y SANGRÍA
   ========================================= */

/* 1. Contenedor: Forzamos el radio de 20px */
.elementor-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-1 .elementor-element.elementor-element-6f31826f .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-e54cec8 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-e54cec8 p a,
.elementor-1 .elementor-element.elementor-element-e54cec8 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-e54cec8 blockquote a,
.elementor-1 .elementor-element.elementor-element-e54cec8 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-e54cec8 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-e54cec8 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-1 .elementor-element.elementor-element-e54cec8 p a:hover,
.elementor-1 .elementor-element.elementor-element-e54cec8 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-e54cec8 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-e54cec8 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-e54cec8 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-e54cec8 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-1 .elementor-element.elementor-element-e54cec8 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-e54cec8 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-e54cec8 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-e54cec8 .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-1 .elementor-element.elementor-element-e54cec8 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-1 .elementor-element.elementor-element-e54cec8 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-1 .elementor-element.elementor-element-e54cec8 ul, .elementor-1 .elementor-element.elementor-element-e54cec8 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-e54cec8 ul li, .elementor-1 .elementor-element.elementor-element-e54cec8 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-1 .elementor-element.elementor-element-e54cec8 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-d06b105 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-d06b105 p a,
.elementor-1 .elementor-element.elementor-element-d06b105 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-d06b105 blockquote a,
.elementor-1 .elementor-element.elementor-element-d06b105 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-d06b105 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-d06b105 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-1 .elementor-element.elementor-element-d06b105 p a:hover,
.elementor-1 .elementor-element.elementor-element-d06b105 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-d06b105 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-d06b105 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-d06b105 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-d06b105 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-1 .elementor-element.elementor-element-d06b105 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-d06b105 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-d06b105 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-d06b105 .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-1 .elementor-element.elementor-element-d06b105 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-1 .elementor-element.elementor-element-d06b105 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-1 .elementor-element.elementor-element-d06b105 ul, .elementor-1 .elementor-element.elementor-element-d06b105 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-d06b105 ul li, .elementor-1 .elementor-element.elementor-element-d06b105 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-1 .elementor-element.elementor-element-d06b105 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-99f4671 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-99f4671 p a,
.elementor-1 .elementor-element.elementor-element-99f4671 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-99f4671 blockquote a,
.elementor-1 .elementor-element.elementor-element-99f4671 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-99f4671 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-99f4671 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-1 .elementor-element.elementor-element-99f4671 p a:hover,
.elementor-1 .elementor-element.elementor-element-99f4671 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-99f4671 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-99f4671 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-99f4671 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-99f4671 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-1 .elementor-element.elementor-element-99f4671 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-99f4671 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-99f4671 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-99f4671 .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-1 .elementor-element.elementor-element-99f4671 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-1 .elementor-element.elementor-element-99f4671 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-1 .elementor-element.elementor-element-99f4671 ul, .elementor-1 .elementor-element.elementor-element-99f4671 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-99f4671 ul li, .elementor-1 .elementor-element.elementor-element-99f4671 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-1 .elementor-element.elementor-element-99f4671 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-9aa8a44 */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-c9a8828 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-c9a8828 p a,
.elementor-1 .elementor-element.elementor-element-c9a8828 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-c9a8828 blockquote a,
.elementor-1 .elementor-element.elementor-element-c9a8828 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-c9a8828 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-c9a8828 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-1 .elementor-element.elementor-element-c9a8828 p a:hover,
.elementor-1 .elementor-element.elementor-element-c9a8828 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-c9a8828 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-c9a8828 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-c9a8828 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-c9a8828 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-1 .elementor-element.elementor-element-c9a8828 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-c9a8828 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-c9a8828 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-c9a8828 .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-1 .elementor-element.elementor-element-c9a8828 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-1 .elementor-element.elementor-element-c9a8828 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-1 .elementor-element.elementor-element-c9a8828 ul, .elementor-1 .elementor-element.elementor-element-c9a8828 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-c9a8828 ul li, .elementor-1 .elementor-element.elementor-element-c9a8828 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-1 .elementor-element.elementor-element-c9a8828 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-93d9616 */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-6747145f *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-6747145f p a,
.elementor-1 .elementor-element.elementor-element-6747145f .dato-experto a,
.elementor-1 .elementor-element.elementor-element-6747145f blockquote a,
.elementor-1 .elementor-element.elementor-element-6747145f ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-6747145f ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-6747145f 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-1 .elementor-element.elementor-element-6747145f p a:hover,
.elementor-1 .elementor-element.elementor-element-6747145f .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-6747145f blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-6747145f ol li a:hover,
.elementor-1 .elementor-element.elementor-element-6747145f ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-6747145f 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-1 .elementor-element.elementor-element-6747145f [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-6747145f [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-6747145f .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-6747145f .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-1 .elementor-element.elementor-element-6747145f 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-1 .elementor-element.elementor-element-6747145f 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-1 .elementor-element.elementor-element-6747145f ul, .elementor-1 .elementor-element.elementor-element-6747145f ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-6747145f ul li, .elementor-1 .elementor-element.elementor-element-6747145f 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-1 .elementor-element.elementor-element-6747145f 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-67a0800 */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-c06196e *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-c06196e p a,
.elementor-1 .elementor-element.elementor-element-c06196e .dato-experto a,
.elementor-1 .elementor-element.elementor-element-c06196e blockquote a,
.elementor-1 .elementor-element.elementor-element-c06196e ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-c06196e ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-c06196e 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-1 .elementor-element.elementor-element-c06196e p a:hover,
.elementor-1 .elementor-element.elementor-element-c06196e .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-c06196e blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-c06196e ol li a:hover,
.elementor-1 .elementor-element.elementor-element-c06196e ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-c06196e 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-1 .elementor-element.elementor-element-c06196e [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-c06196e [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-c06196e .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-c06196e .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-1 .elementor-element.elementor-element-c06196e 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-1 .elementor-element.elementor-element-c06196e 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-1 .elementor-element.elementor-element-c06196e ul, .elementor-1 .elementor-element.elementor-element-c06196e ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-c06196e ul li, .elementor-1 .elementor-element.elementor-element-c06196e 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-1 .elementor-element.elementor-element-c06196e 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-0f6103c */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-13abf9c *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-13abf9c p a,
.elementor-1 .elementor-element.elementor-element-13abf9c .dato-experto a,
.elementor-1 .elementor-element.elementor-element-13abf9c blockquote a,
.elementor-1 .elementor-element.elementor-element-13abf9c ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-13abf9c ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-13abf9c 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-1 .elementor-element.elementor-element-13abf9c p a:hover,
.elementor-1 .elementor-element.elementor-element-13abf9c .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-13abf9c blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-13abf9c ol li a:hover,
.elementor-1 .elementor-element.elementor-element-13abf9c ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-13abf9c 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-1 .elementor-element.elementor-element-13abf9c [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-13abf9c [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-13abf9c .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-13abf9c .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-1 .elementor-element.elementor-element-13abf9c 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-1 .elementor-element.elementor-element-13abf9c 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-1 .elementor-element.elementor-element-13abf9c ul, .elementor-1 .elementor-element.elementor-element-13abf9c ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-13abf9c ul li, .elementor-1 .elementor-element.elementor-element-13abf9c 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-1 .elementor-element.elementor-element-13abf9c 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-1e98c8c */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-990a3da *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-990a3da p a,
.elementor-1 .elementor-element.elementor-element-990a3da .dato-experto a,
.elementor-1 .elementor-element.elementor-element-990a3da blockquote a,
.elementor-1 .elementor-element.elementor-element-990a3da ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-990a3da ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-990a3da 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-1 .elementor-element.elementor-element-990a3da p a:hover,
.elementor-1 .elementor-element.elementor-element-990a3da .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-990a3da blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-990a3da ol li a:hover,
.elementor-1 .elementor-element.elementor-element-990a3da ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-990a3da 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-1 .elementor-element.elementor-element-990a3da [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-990a3da [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-990a3da .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-990a3da .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-1 .elementor-element.elementor-element-990a3da 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-1 .elementor-element.elementor-element-990a3da 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-1 .elementor-element.elementor-element-990a3da ul, .elementor-1 .elementor-element.elementor-element-990a3da ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-990a3da ul li, .elementor-1 .elementor-element.elementor-element-990a3da 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-1 .elementor-element.elementor-element-990a3da 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-883de9c */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-fa8d3c4 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-fa8d3c4 p a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 blockquote a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-fa8d3c4 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-fa8d3c4 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-1 .elementor-element.elementor-element-fa8d3c4 p a:hover,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 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-1 .elementor-element.elementor-element-fa8d3c4 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-fa8d3c4 .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-1 .elementor-element.elementor-element-fa8d3c4 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-1 .elementor-element.elementor-element-fa8d3c4 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-1 .elementor-element.elementor-element-fa8d3c4 ul, .elementor-1 .elementor-element.elementor-element-fa8d3c4 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-fa8d3c4 ul li, .elementor-1 .elementor-element.elementor-element-fa8d3c4 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-1 .elementor-element.elementor-element-fa8d3c4 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-75d7f7f1 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-75d7f7f1 p a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 blockquote a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 ol li a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 td a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-75d7f7f1 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-75d7f7f1 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-1 .elementor-element.elementor-element-75d7f7f1 p a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 td a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 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-1 .elementor-element.elementor-element-75d7f7f1 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-75d7f7f1 .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-1 .elementor-element.elementor-element-75d7f7f1 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-1 .elementor-element.elementor-element-75d7f7f1 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-1 .elementor-element.elementor-element-75d7f7f1 ul, .elementor-1 .elementor-element.elementor-element-75d7f7f1 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-75d7f7f1 ul li, .elementor-1 .elementor-element.elementor-element-75d7f7f1 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-1 .elementor-element.elementor-element-75d7f7f1 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-8fe2608 */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-4fcc5928 *//* --- 9. ENLACES DE CONTENIDO (Protegidos e Inteligentes) --- */

/* Aplicamos el estilo a enlaces dentro de párrafos, citas y listas */
.elementor-1 .elementor-element.elementor-element-4fcc5928 p a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 .dato-experto a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 blockquote a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 ol li a,
/* AÑADIDO: Listas UL, pero intentando ignorar las que sean de Tablas de Contenido (TOC) */
.elementor-1 .elementor-element.elementor-element-4fcc5928 ul:not([class*="toc"]) li a, 
.elementor-1 .elementor-element.elementor-element-4fcc5928 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-1 .elementor-element.elementor-element-4fcc5928 p a:hover,
.elementor-1 .elementor-element.elementor-element-4fcc5928 .dato-experto a:hover,
.elementor-1 .elementor-element.elementor-element-4fcc5928 blockquote a:hover,
.elementor-1 .elementor-element.elementor-element-4fcc5928 ol li a:hover,
.elementor-1 .elementor-element.elementor-element-4fcc5928 ul:not([class*="toc"]) li a:hover,
.elementor-1 .elementor-element.elementor-element-4fcc5928 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-1 .elementor-element.elementor-element-4fcc5928 [class*="toc"] a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 [class*="TOC"] a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 .elementor-toc a,
.elementor-1 .elementor-element.elementor-element-4fcc5928 .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-1 .elementor-element.elementor-element-4fcc5928 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-1 .elementor-element.elementor-element-4fcc5928 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-1 .elementor-element.elementor-element-4fcc5928 ul, .elementor-1 .elementor-element.elementor-element-4fcc5928 ol {
    margin: 24px 0 !important;
    padding-left: 24px !important; /* AHORA SÍ: Indentamos toda la lista a la derecha */
    list-style: none !important;
}

.elementor-1 .elementor-element.elementor-element-4fcc5928 ul li, .elementor-1 .elementor-element.elementor-element-4fcc5928 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-1 .elementor-element.elementor-element-4fcc5928 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-ee5da3f *//* --- 11. CORRECCIÓN WIDGET LISTADO DE ICONOS (Estilo "Bola y Check" Personalizado) --- */

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

/* 2. Preparamos el elemento de lista para recibir nuestro icono personalizado */
.elementor-1 .elementor-element.elementor-element-ee5da3f .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-1 .elementor-element.elementor-element-ee5da3f .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-52d5abd9 *//* =========================================
   CAJA DE AUTOR: ESTILO REFINADO LUISMI.PRO
   ========================================= */

/* 1. Contenedor Principal */
.elementor-1 .elementor-element.elementor-element-52d5abd9 {
    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-1 .elementor-element.elementor-element-52d5abd9: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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9:hover .elementor-author-box__avatar img {
    transform: scale(1.05) !important;
}

/* 6. Enlaces dentro de la bio */
.elementor-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 {
    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-1 .elementor-element.elementor-element-52d5abd9::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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .elementor-author-box__avatar img {
    border-radius: 50% !important;
    margin-right: 25px !important;
    border: 3px solid #F8F9FA !important;
}

.elementor-1 .elementor-element.elementor-element-52d5abd9: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-1 .elementor-element.elementor-element-52d5abd9 .elementor-author-box__name a, 
.elementor-1 .elementor-element.elementor-element-52d5abd9 .elementor-author-box__button {
    color: #000000 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Efecto al pasar el ratón */
.elementor-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .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-1 .elementor-element.elementor-element-52d5abd9 .elementor-author-box__button:hover {
    background-color: #A3E635 !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5e7e287d *//* --- Título COMPARTIR (Sin margen superior) --- */
.elementor-1 .elementor-element.elementor-element-5e7e287d {
    margin-top: 0 !important; /* Eliminamos el espacio que causaba el problema */
    margin-bottom: 20px !important;
}

.elementor-1 .elementor-element.elementor-element-5e7e287d .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-5d7ef48f *//* --- Botones de Compartir (Estilo 20.24.27) --- */

/* Contenedor y espaciado */
.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-grid {
    gap: 15px !important;
}

/* El botón: Cuadrado con redondeo suave */
.elementor-1 .elementor-element.elementor-element-5d7ef48f .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-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn__icon i,
.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn__text,
.elementor-1 .elementor-element.elementor-element-5d7ef48f .elementor-share-btn__title {
    color: #000000 !important; /* Iconos negros como en la captura */
    font-size: 18px !important;
}

/* Efecto hover sutil */
.elementor-1 .elementor-element.elementor-element-5d7ef48f .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-6f4bdd00 */.elementor-1 .elementor-element.elementor-element-6f4bdd00 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

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

/* --- 1. PÁRRAFOS Y TEXTO BASE --- */
.elementor-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 ul, .elementor-1 .elementor-element.elementor-element-161dade9 ol {
    margin: 24px 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

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

.elementor-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 .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-1 .elementor-element.elementor-element-161dade9 .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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 th {
    background-color: #A3E635 !important;
    color: #000000 !important;
    padding: 16px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

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

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

/* --- MAGIA PARA MÓVIL --- */
@media (max-width: 767px) {
    .elementor-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 td, .elementor-1 .elementor-element.elementor-element-161dade9 th {
        min-width: 140px !important;
        white-space: normal !important;
    }
}
/* --- 8. IMÁGENES Y SEPARADORES --- */
.elementor-1 .elementor-element.elementor-element-161dade9 img {
    border-radius: 20px !important;
    border: 1px solid #A3E635 !important;
    margin: 40px auto !important;
}

.elementor-1 .elementor-element.elementor-element-161dade9 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-1 .elementor-element.elementor-element-161dade9 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-4e01967b *//* --- Título COMPARTIR (Sin margen superior) --- */
.elementor-1 .elementor-element.elementor-element-4e01967b {
    margin-top: 0 !important; /* Eliminamos el espacio que causaba el problema */
    margin-bottom: 2px !important;
}

.elementor-1 .elementor-element.elementor-element-4e01967b .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 */