.elementor-328 .elementor-element.elementor-element-4b9bb3c{--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;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:#EEEEEE;--border-color:#EEEEEE;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-328 .elementor-element.elementor-element-b2c7e2f{--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 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000001A;--border-color:#0000001A;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-328 .elementor-element.elementor-element-c8fb91b .elementor-heading-title{line-height:54px;letter-spacing:0.3px;}.elementor-328 .elementor-element.elementor-element-9cd073b{--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-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-icon{width:14px;}.elementor-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-icon i{font-size:14px;}.elementor-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-text, .elementor-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-text a{color:#000000;}.elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-icon{width:14px;}.elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-icon i{font-size:14px;}.elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-text, .elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-text a{color:#000000;}.elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-icon{width:14px;}.elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-icon i{font-size:14px;}.elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-text, .elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-text a{color:#000000;}.elementor-328 .elementor-element.elementor-element-da704a0{text-align:start;}.elementor-328 .elementor-element.elementor-element-da704a0 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A3E635;border-radius:20px 20px 20px 20px;}.elementor-328 .elementor-element.elementor-element-d9ffd77{--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;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-328 .elementor-element.elementor-element-907963a{--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;}.elementor-328 .elementor-element.elementor-element-434c4c6{--display:flex;}.elementor-328 .elementor-element.elementor-element-a27eacb{--box-border-radius:24px;--item-text-hover-decoration:underline;}.elementor-328 .elementor-element.elementor-element-a27eacb .elementor-toc__header-title{text-align:start;}.elementor-328 .elementor-element.elementor-element-a27eacb .elementor-toc__header{flex-direction:row;}.elementor-328 .elementor-element.elementor-element-11fa218{color:#000000;font-size:15px;line-height:22px;letter-spacing:0.2px;word-spacing:1px;}.elementor-328 .elementor-element.elementor-element-5a23058{--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-328 .elementor-element.elementor-element-5a23058.e-con{--align-self:flex-start;}.elementor-328 .elementor-element.elementor-element-6c266ae{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-328 .elementor-element.elementor-element-699e438{--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-328 .elementor-element.elementor-element-699e438 .elementor-share-btn{font-size:calc(0.65px * 10);height:6.5em;}.elementor-328 .elementor-element.elementor-element-699e438 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}.elementor-328 .elementor-element.elementor-element-699e438 .elementor-share-btn:hover{--e-share-buttons-primary-color:#A3E635;}.elementor-328 .elementor-element.elementor-element-699e438 .elementor-share-btn__title{font-family:"Outfit", Sans-serif;font-weight:700;}.elementor-328 .elementor-element.elementor-element-11fc26e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-328 .elementor-element.elementor-element-99600d6{text-align:start;font-size:18px;font-weight:bold;}.elementor-328 .elementor-element.elementor-element-a101f6d{--grid-columns:3;}@media(max-width:1024px){ .elementor-328 .elementor-element.elementor-element-699e438{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-328 .elementor-element.elementor-element-a101f6d{--grid-columns:2;}}@media(min-width:768px){.elementor-328 .elementor-element.elementor-element-4b9bb3c{--content-width:900px;}.elementor-328 .elementor-element.elementor-element-b2c7e2f{--content-width:900px;}.elementor-328 .elementor-element.elementor-element-9cd073b{--width:100%;}.elementor-328 .elementor-element.elementor-element-d9ffd77{--content-width:900px;}.elementor-328 .elementor-element.elementor-element-434c4c6{--width:100%;}.elementor-328 .elementor-element.elementor-element-5a23058{--content-width:900px;}}@media(max-width:767px){.elementor-328 .elementor-element.elementor-element-b2c7e2f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-328 .elementor-element.elementor-element-c8fb91b .elementor-heading-title{font-size:33px;line-height:1.3em;letter-spacing:0.1px;}.elementor-328 .elementor-element.elementor-element-e155b90 .elementor-icon-list-item{font-size:11px;}.elementor-328 .elementor-element.elementor-element-b278f03 .elementor-icon-list-item{font-size:11px;}.elementor-328 .elementor-element.elementor-element-76a192f .elementor-icon-list-item{font-size:11px;} .elementor-328 .elementor-element.elementor-element-699e438{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-328 .elementor-element.elementor-element-a101f6d{--grid-columns:1;}}/* Start custom CSS for theme-post-excerpt, class: .elementor-element-4e2d5c7 *//* =========================================
   SINGLE POST: EXTRACTO (INTRO)
   ========================================= */
.post-intro-excerpt,
.post-intro-excerpt p {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important; /* Un poco más grande que el cuerpo */
    line-height: 1.6 !important;
    color: #374151 !important; /* Gris Gray-700 */
    margin-bottom: 24px !important;
    font-weight: 400 !important;
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-e155b90 *//* CSS para el widget de FECHA */
.elementor-328 .elementor-element.elementor-element-e155b90 .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-328 .elementor-element.elementor-element-e155b90::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-b278f03 *//* CSS para el widget de CATEGORÍA */
.elementor-328 .elementor-element.elementor-element-b278f03 .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-328 .elementor-element.elementor-element-b278f03::before { content: none !important; }/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-76a192f *//* CSS para el widget de AUTOR */
.elementor-328 .elementor-element.elementor-element-76a192f {
    display: flex !important;
    align-items: center !important;
}

/* Eliminamos cualquier punto accidental */
.elementor-328 .elementor-element.elementor-element-76a192f::before {
    content: none !important;
}

/* Texto del autor */
.elementor-328 .elementor-element.elementor-element-76a192f .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-328 .elementor-element.elementor-element-76a192f .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 container, class: .elementor-element-9cd073b *//* Limpieza del contenedor padre */
.elementor-328 .elementor-element.elementor-element-9cd073b::before,
.elementor-328 .elementor-element.elementor-element-9cd073b::after {
    content: none !important;
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-a27eacb *//* =========================================
   TOC: LIMPIEZA TOTAL, BORDES Y SANGRÍA
   ========================================= */

/* 1. Contenedor: Forzamos el radio de 20px */
.elementor-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .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-328 .elementor-element.elementor-element-a27eacb .elementor-toc__list-item-text.elementor-item-active {
    color: #000000 !important;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-11fa218 *//* ============================================================
   POST CONTENT MASTER CSS (Especial para contenido n8n)
   ============================================================ */

/* --- 1. PÁRRAFOS Y TEXTO BASE --- */
.elementor-328 .elementor-element.elementor-element-11fa218 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-328 .elementor-element.elementor-element-11fa218 h2 {
    position: relative !important;
    padding-left: 20px !important;
    margin: 48px 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-328 .elementor-element.elementor-element-11fa218 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-328 .elementor-element.elementor-element-11fa218 ul, .elementor-328 .elementor-element.elementor-element-11fa218 ol {
    margin: 24px 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

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

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

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

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

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

.elementor-328 .elementor-element.elementor-element-11fa218 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-328 .elementor-element.elementor-element-11fa218 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 author-box, class: .elementor-element-ef25509 *//* =========================================
   CAJA DE AUTOR: ESTILO REFINADO LUISMI.PRO
   ========================================= */

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

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

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

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

.elementor-328 .elementor-element.elementor-element-6c266ae .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-699e438 *//* --- Botones de Compartir (Estilo 20.24.27) --- */

/* Contenedor y espaciado */
.elementor-328 .elementor-element.elementor-element-699e438 .elementor-grid {
    gap: 15px !important;
}

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

/* Efecto hover sutil */
.elementor-328 .elementor-element.elementor-element-699e438 .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-5a23058 */.elementor-328 .elementor-element.elementor-element-5a23058 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Forzamos que el widget de contenido anterior no empuje a este */
.elementor-328 .elementor-element.elementor-element-5a23058 {
    clear: both !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-99600d6 *//* --- Título COMPARTIR (Sin margen superior) --- */
.elementor-328 .elementor-element.elementor-element-99600d6 {
    margin-top: 0 !important; /* Eliminamos el espacio que causaba el problema */
    margin-bottom: 2px !important;
}

.elementor-328 .elementor-element.elementor-element-99600d6 .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 */