.elementor-14 .elementor-element.elementor-element-248a0a1a:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-248a0a1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(130deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-14 .elementor-element.elementor-element-248a0a1a > .elementor-container{max-width:1400px;min-height:70px;}.elementor-14 .elementor-element.elementor-element-248a0a1a{box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-90px;z-index:10;}.elementor-14 .elementor-element.elementor-element-248a0a1a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-14 .elementor-element.elementor-element-e140f0a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14 .elementor-element.elementor-element-e140f0a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-6b082077{width:var( --container-widget-width, 108.614% );max-width:108.614%;--container-widget-width:108.614%;--container-widget-flex-grow:0;text-align:start;}.elementor-14 .elementor-element.elementor-element-6b082077.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-6b082077 img{width:120px;}.elementor-bc-flex-widget .elementor-14 .elementor-element.elementor-element-107ee96e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14 .elementor-element.elementor-element-107ee96e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-107ee96e > .elementor-element-populated{padding:0px 20px 0px 0px;}.elementor-bc-flex-widget .elementor-14 .elementor-element.elementor-element-197ab213.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-14 .elementor-element.elementor-element-197ab213.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-14 .elementor-element.elementor-element-333da6d8{border-style:solid;border-width:0px 0px 0px 1px;border-color:rgba(255,255,255,0.7);--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;letter-spacing:1px;}.elementor-14 .elementor-element.elementor-element-333da6d8 .elementor-icon-list-text{color:#ffffff;transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-f8c13d1{--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:flex-start;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-f8c13d1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-83b949a{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D3D4D6;--border-color:#D3D4D6;--border-radius:0px 0px 0px 0px;--margin-top:80px;--margin-bottom:-10px;--margin-left:-10px;--margin-right:-10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-83b949a:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-83b949a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-83b949a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-7d08623{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-7d08623 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-e0e2750{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-e0e2750 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-e0e2750 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-e0e2750 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-628cbf3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-628cbf3 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-c523de0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-c523de0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-c523de0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-c523de0 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-38ef71b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-38ef71b .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-e42a262{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-e42a262 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-e42a262 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-e42a262 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-a442eb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-a442eb5 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-9e562f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-9e562f4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-9e562f4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-9e562f4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-25fdd11{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-25fdd11 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-77b4d80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-77b4d80 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-77b4d80 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-77b4d80 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-69a2ea7{margin:-27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-69a2ea7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-69a2ea7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-69a2ea7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-3a65a08{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-3a65a08 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-3a65a08 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-3a65a08 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-0f34c67{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-0f34c67 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-8a89b49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-8a89b49 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-8a89b49 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-8a89b49 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-704343b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-14 .elementor-element.elementor-element-704343b .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:bold;color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-e9f8161{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14 .elementor-element.elementor-element-e9f8161 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-e9f8161 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-14 .elementor-element.elementor-element-e9f8161 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14 .elementor-element.elementor-element-b50ce00{--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:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-c9fe0a7{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-c9fe0a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-b3c3db5{width:var( --container-widget-width, 99.214% );max-width:99.214%;--container-widget-width:99.214%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-b3c3db5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-2823378{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-e140f0a > .elementor-element-populated{padding:0% 0% 0% 5%;}.elementor-14 .elementor-element.elementor-element-107ee96e > .elementor-element-populated{padding:0% 0% 0% 5%;}.elementor-14 .elementor-element.elementor-element-197ab213 > .elementor-element-populated{padding:0% 15% 0% 5%;}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-e140f0a{width:13%;}.elementor-14 .elementor-element.elementor-element-107ee96e{width:71.996%;}.elementor-14 .elementor-element.elementor-element-197ab213{width:15%;}.elementor-14 .elementor-element.elementor-element-f8c13d1{--width:100%;}.elementor-14 .elementor-element.elementor-element-83b949a{--width:18.516%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-e140f0a{width:50%;}.elementor-14 .elementor-element.elementor-element-107ee96e{width:25%;}.elementor-14 .elementor-element.elementor-element-197ab213{width:25%;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-248a0a1a{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-e140f0a{width:50%;}.elementor-14 .elementor-element.elementor-element-e140f0a > .elementor-element-populated{padding:0px 0px 0px 20px;}.elementor-14 .elementor-element.elementor-element-6b082077{text-align:start;}.elementor-14 .elementor-element.elementor-element-107ee96e{width:50%;}.elementor-14 .elementor-element.elementor-element-107ee96e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-197ab213{width:100%;}.elementor-14 .elementor-element.elementor-element-333da6d8{border-width:0px 0px 0px 0px;}}/* Start custom CSS for icon-list, class: .elementor-element-e0e2750 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c523de0 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e42a262 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-9e562f4 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-77b4d80 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-69a2ea7 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3a65a08 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-8a89b49 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e9f8161 *//* ====================================================
   ESTILOS PARA EL MENÚ LATERAL SAAS (ELEMENTOR ICON LIST)
   ==================================================== */

/* Ocultar el divisor nativo de Elementor si está activo */
.cf-saas-menu .elementor-icon-list-item {
    border-bottom: none !important;
}

/* Transformar cada ítem en un bloque interactivo */
.cf-saas-menu .elementor-icon-list-item a {
    display: flex !important;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    color: #475569; /* Gris oscuro elegante */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
}

/* Estilo del icono nativo de Elementor */
.cf-saas-menu .elementor-icon-list-icon {
    margin-right: 12px;
    color: #94a3b8; /* Gris claro para íconos inactivos */
    font-size: 18px;
    transition: all 0.3s ease;
}

/* EFECTO HOVER (Al pasar el ratón) */
.cf-saas-menu .elementor-icon-list-item a:hover {
    background-color: #f1f5f9; /* Fondo gris muy sutil */
    color: #0f172a; /* Texto casi negro */
    transform: translateX(4px); /* Pequeño salto hacia la derecha */
}

.cf-saas-menu .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    color: #0050c3; /* El icono se pinta del azul primario de CaufyFull */
}

/* ESTADO ACTIVO (La página actual) */
.cf-saas-menu .elementor-icon-list-item.cf-active-menu a {
    background-color: rgba(0, 80, 195, 0.08); /* Fondo azul translúcido */
    color: #0050c3;
    font-weight: 700;
}

.cf-saas-menu .elementor-icon-list-item.cf-active-menu .elementor-icon-list-icon {
    color: #0050c3;
}

/* Estilos para los títulos separadores (si usas el widget encabezado) */
.cf-saas-menu-title {
    font-size: 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 24px 0 8px 16px !important;
    font-weight: 800;
}/* End custom CSS */