.elementor-870 .elementor-element.elementor-element-1d85add{--display:flex;--min-height:100vh;--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:center;--align-items:center;--overlay-opacity:0.86;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-870 .elementor-element.elementor-element-1d85add:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-1d85add > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.cimes.com.mx/wp-content/uploads/2025/07/GAMEES-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-870 .elementor-element.elementor-element-1d85add::before, .elementor-870 .elementor-element.elementor-element-1d85add > .elementor-background-video-container::before, .elementor-870 .elementor-element.elementor-element-1d85add > .e-con-inner > .elementor-background-video-container::before, .elementor-870 .elementor-element.elementor-element-1d85add > .elementor-background-slideshow::before, .elementor-870 .elementor-element.elementor-element-1d85add > .e-con-inner > .elementor-background-slideshow::before, .elementor-870 .elementor-element.elementor-element-1d85add > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0201019E;--background-overlay:'';}.elementor-870 .elementor-element.elementor-element-14060d0{--display:flex;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:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:35px 35px 35px 35px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:30px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-4ec376c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:65px;font-weight:600;letter-spacing:1px;color:var( --e-global-color-accent );}.elementor-870 .elementor-element.elementor-element-646e5a5{--spacer-size:20px;}.elementor-870 .elementor-element.elementor-element-8e28fc5{margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:center;}.elementor-870 .elementor-element.elementor-element-8e28fc5 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:24px;font-weight:600;line-height:29px;letter-spacing:1px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-870 .elementor-element.elementor-element-bbaa836{--spacer-size:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-870 .elementor-element.elementor-element-9027c2b .elementor-button:hover, .elementor-870 .elementor-element.elementor-element-9027c2b .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-9027c2b:hover{--e-transform-scale:1.03;}.elementor-870 .elementor-element.elementor-element-9027c2b .elementor-button{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:500;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;}.elementor-870 .elementor-element.elementor-element-90b268e{--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-870 .elementor-element.elementor-element-1dcdf03{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-597d66a{--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:center;--align-items:center;}.elementor-870 .elementor-element.elementor-element-360f438{--spacer-size:20px;}.elementor-870 .elementor-element.elementor-element-b3bdf78{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-17bd0a5{--display:flex;}.elementor-870 .elementor-element.elementor-element-d1da179{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-7c6c1f2{text-align:justify;}.elementor-870 .elementor-element.elementor-element-a926982{--display:flex;--min-height:0px;}.elementor-870 .elementor-element.elementor-element-5d42b79{--display:flex;}.elementor-870 .elementor-element.elementor-element-ea6ab30{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-870 .elementor-element.elementor-element-ea6ab30 p{margin-block-end:13px;}.elementor-870 .elementor-element.elementor-element-1a28937{text-align:justify;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-870 .elementor-element.elementor-element-1a28937 p{margin-block-end:13px;}.elementor-870 .elementor-element.elementor-element-0d4db45{--display:flex;}.elementor-870 .elementor-element.elementor-element-4468f6e{--display:flex;}.elementor-870 .elementor-element.elementor-element-3e38e50{--display:flex;}.elementor-870 .elementor-element.elementor-element-184800a{--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-870 .elementor-element.elementor-element-415a52c{--display:flex;}.elementor-870 .elementor-element.elementor-element-613a3e1{--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-870 .elementor-element.elementor-element-b98236b{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:13px 13px 13px 13px;--n-accordion-icon-size:15px;}.elementor-870 .elementor-element.elementor-element-764608e{--display:flex;}.elementor-870 .elementor-element.elementor-element-55f9a9c{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-25a1f31{--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-870 .elementor-element.elementor-element-c8d6535{text-align:center;}.elementor-870 .elementor-element.elementor-element-eeab018{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-28c6159{--display:flex;--border-radius:28px 28px 28px 28px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-870 .elementor-element.elementor-element-28c6159:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-28c6159 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11215299;}.elementor-870 .elementor-element.elementor-element-28c6159:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-870 .elementor-element.elementor-element-28c6159, .elementor-870 .elementor-element.elementor-element-28c6159::before{--border-transition:0.3s;}.elementor-870 .elementor-element.elementor-element-4bfda62{text-align:start;color:#FFFFFF;}.elementor-870 .elementor-element.elementor-element-36e7a87{--display:flex;}.elementor-870 .elementor-element.elementor-element-36e7a87:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-36e7a87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-3c48535{color:#FFFFFF;}.elementor-870 .elementor-element.elementor-element-32ad80f{--display:flex;}.elementor-870 .elementor-element.elementor-element-32ad80f:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-32ad80f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-514cc45{color:#FFFFFF;}.elementor-870 .elementor-element.elementor-element-ec6abbb{--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-870 .elementor-element.elementor-element-b5f7dff{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-fb6513f{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-9d8b134{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-9193802{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-870 .elementor-element.elementor-element-33081f1{--display:flex;}.elementor-870 .elementor-element.elementor-element-96f8111{--display:flex;}.elementor-870 .elementor-element.elementor-element-a336250 img{width:66%;max-width:84%;}.elementor-870 .elementor-element.elementor-element-6d36a04{--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-870 .elementor-element.elementor-element-a644727{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-6e3d87e{--spacer-size:20px;}.elementor-870 .elementor-element.elementor-element-6063214 .elementor-button:hover, .elementor-870 .elementor-element.elementor-element-6063214 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-6063214:hover{--e-transform-scale:1.03;}.elementor-870 .elementor-element.elementor-element-6063214 .elementor-button{font-family:"Raleway", Sans-serif;font-size:20px;font-weight:500;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;}.elementor-870 .elementor-element.elementor-element-7c0e046{--spacer-size:50px;}.elementor-870 .elementor-element.elementor-element-4d926ff{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-870 .elementor-element.elementor-element-14060d0{--width:74%;}.elementor-870 .elementor-element.elementor-element-a926982{--width:100%;}.elementor-870 .elementor-element.elementor-element-9193802{--width:100%;}.elementor-870 .elementor-element.elementor-element-96f8111{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-870 .elementor-element.elementor-element-b3bdf78{--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-eeab018{--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-9d8b134{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-870 .elementor-element.elementor-element-8e28fc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-870 .elementor-element.elementor-element-b3bdf78{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-eeab018{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-870 .elementor-element.elementor-element-9d8b134{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-14060d0 *//* Efecto vidrio para ESTE botón */
.elementor-870 .elementor-element.elementor-element-14060d0{
    background: rgba(17, 33, 82, .60);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 40px;
    color:#fff;
    font-weight:600;
    padding:30px 40px;
    line-height:1;
    text-align:center;
    display:inline-block;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-b98236b *//* 1. Contenedor general del acordeón */
.cimes-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px; /* Espacio respirable entre cada tarjeta */
}

/* 2. Diseño de cada tarjeta (estado normal) */
.cimes-accordion-item {
  background-color: #ffffff;
  border: 1px solid #e2e8f0; /* Borde gris muy sutil */
  border-radius: 8px; /* Esquinas redondeadas modernas */
  overflow: hidden;
  transition: all 0.3s ease; /* Transición suave para cualquier cambio */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); /* Sombra casi imperceptible para dar volumen */
}

/* 3. Efecto Hover (cuando el usuario pasa el mouse) */
.cimes-accordion-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); /* La sombra crece, dando efecto 3D */
  border-color: #172554; /* Cambia al azul oscuro corporativo de CIMES */
  transform: translateY(-2px); /* La tarjeta "flota" ligeramente hacia arriba */
}

/* 4. Estilo de la barra donde se hace clic (Cabecera) */
.cimes-accordion-header {
  padding: 18px 20px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #1e293b;
  font-size: 16px;
  gap: 15px; /* Espacio entre el icono '+' y el texto */
}

/* 5. Diseño del contenido que se despliega */
.cimes-accordion-content {
  padding: 0 20px 20px 20px; /* Sin padding arriba para que fluya desde el título */
  color: #475569; /* Gris oscuro para el texto, más fácil de leer que el negro puro */
  font-size: 15px;
  line-height: 1.6; /* Interlineado cómodo para la lectura */
  border-top: 1px solid #f1f5f9; /* Línea divisoria muy suave entre título y texto */
}

/* 6. (Opcional) Estilo para el estado activo/abierto */
.cimes-accordion-item.active {
  border-left: 4px solid #172554; /* Una línea azul gruesa a la izquierda para indicar que está abierto */
  background-color: #f8fafc; /* Fondo ligeramente gris para contrastar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a926982 *//* 1. Contenedor principal del acordeón */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px; /* Espacio entre tarjetas */
}

/* 2. Diseño base de cada tarjeta (estado inactivo) */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item {
  background-color: #ffffff;
  border: 1px solid #e2e8f0 !important; /* Borde gris sutil */
  border-radius: 8px !important; /* Bordes redondeados */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  margin-bottom: 0 !important; /* Elementor a veces pone margen, lo quitamos por el gap */
}

/* 3. Efecto Hover (al pasar el mouse por la tarjeta) */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); /* Sombra más grande para profundidad */
  border-color: #172554 !important; /* Azul oscuro corporativo */
  transform: translateY(-2px); /* Efecto de levantamiento */
}

/* 4. Estilo de la barra clickeable (Cabecera) */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item-title {
  padding: 18px 20px !important; /* Más espacio interno */
  font-weight: 600;
  color: #1e293b;
  font-size: 16px;
  background-color: transparent !important; /* Aseguramos que no tenga fondo propio */
}

/* 5. Acomodo del texto y el icono en la cabecera */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item-title-header {
  order: 2; /* Movemos el texto a la derecha del icono */
}

.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item-title-icon {
  order: 1; /* Movemos el icono a la izquierda */
  margin-right: 15px !important;
  color: #172554; /* Color del icono */
}

/* 6. Diseño del área de contenido desplegable */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item > div { /* Apuntamos al contenedor interno generado por Elementor */
  padding: 0 20px 20px 20px !important; 
  color: #475569;
  font-size: 15px;
  line-height: 1.6;
  border-top: 1px solid #f1f5f9; /* Línea separadora suave */
}

/* 7. Estado Abierto (Activo) */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item[open] {
  border-left: 4px solid #172554 !important; /* Línea de acento azul gruesa a la izquierda */
  background-color: #f8fafc; /* Fondo gris claro */
}

/* Quitar el borde feo que Elementor pone a veces al hacer clic (focus) */
.elementor-870 .elementor-element.elementor-element-a926982 .e-n-accordion-item-title:focus-visible {
    outline: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28c6159 *//* 1. Estado Base (Normal): Tu azul corporativo sólido */
.elementor-870 .elementor-element.elementor-element-28c6159 {
    background: #112152 !important; /* Azul sólido */
    border: 1px solid rgba(203, 190, 153, 0.4) !important; /* Borde dorado sutil */
    border-radius: 24px !important; 
    padding: 40px 30px !important; 
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 
    transition: all 0.4s ease-in-out;
}

/* 2. Interacción (Hover): Flota y brilla el borde, MISMO COLOR de fondo */
.elementor-870 .elementor-element.elementor-element-28c6159:hover {
    transform: translateY(-8px); /* La tarjeta flota */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); /* Sombra más profunda */
    border-color: #cbbe99 !important; /* El borde dorado resalta al 100% */
}

/* 3. Textos generales en blanco */
.elementor-870 .elementor-element.elementor-element-28c6159 .elementor-text-editor, 
.elementor-870 .elementor-element.elementor-element-28c6159 .elementor-text-editor p, 
.elementor-870 .elementor-element.elementor-element-28c6159 .elementor-text-editor li {
    color: #f8fafc !important; 
    font-size: 15px;
    line-height: 1.7;
}


/* 5. Icono: Pasa de negro a blanco y crece en el hover */
.elementor-870 .elementor-element.elementor-element-28c6159 img {
    margin-bottom: 25px; 
    transition: transform 0.4s ease;
    filter: brightness(0) invert(1) opacity(0.95); /* Imagen negra se vuelve blanca */
}

.elementor-870 .elementor-element.elementor-element-28c6159:hover img {
    transform: scale(1.08); /* Crece sutilmente */
}

/* 6. Listas limpias con el check dorado */
.elementor-870 .elementor-element.elementor-element-28c6159 ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.elementor-870 .elementor-element.elementor-element-28c6159 ul li {
    margin-bottom: 15px !important;
    padding-left: 28px;
    position: relative;
}

.elementor-870 .elementor-element.elementor-element-28c6159 ul li::before {
    content: "❯"; 
    position: absolute;
    left: 0;
    top: 2px;
    color: #cbbe99; /* Check en dorado */
    font-size: 14px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36e7a87 *//* 1. Estado Base (Normal): Tu azul corporativo sólido */
.elementor-870 .elementor-element.elementor-element-36e7a87 {
    background: #112152 !important; /* Azul sólido */
    border: 1px solid rgba(203, 190, 153, 0.4) !important; /* Borde dorado sutil */
    border-radius: 24px !important; 
    padding: 40px 30px !important; 
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 
    transition: all 0.4s ease-in-out;
}

/* 2. Interacción (Hover): Flota y brilla el borde, MISMO COLOR de fondo */
.elementor-870 .elementor-element.elementor-element-36e7a87:hover {
    transform: translateY(-8px); /* La tarjeta flota */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); /* Sombra más profunda */
    border-color: #cbbe99 !important; /* El borde dorado resalta al 100% */
}

/* 3. Textos generales en blanco */
.elementor-870 .elementor-element.elementor-element-36e7a87 .elementor-text-editor, 
.elementor-870 .elementor-element.elementor-element-36e7a87 .elementor-text-editor p, 
.elementor-870 .elementor-element.elementor-element-36e7a87 .elementor-text-editor li {
    color: #f8fafc !important; 
    font-size: 15px;
    line-height: 1.7;
}

/* 4. Palabras clave en tu color dorado #cbbe99 */
.elementor-870 .elementor-element.elementor-element-36e7a87 .elementor-text-editor b,
.elementor-870 .elementor-element.elementor-element-36e7a87 .elementor-text-editor strong {
    color: #f8fafc !important; 
    font-weight: 600;
}

/* 5. Icono: Pasa de negro a blanco y crece en el hover */
.elementor-870 .elementor-element.elementor-element-36e7a87 img {
    margin-bottom: 25px; 
    transition: transform 0.4s ease;
    filter: brightness(0) invert(1) opacity(0.95); /* Imagen negra se vuelve blanca */
}

.elementor-870 .elementor-element.elementor-element-36e7a87:hover img {
    transform: scale(1.08); /* Crece sutilmente */
}

/* 6. Listas limpias con el check dorado */
.elementor-870 .elementor-element.elementor-element-36e7a87 ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.elementor-870 .elementor-element.elementor-element-36e7a87 ul li {
    margin-bottom: 15px !important;
    padding-left: 28px;
    position: relative;
}

.elementor-870 .elementor-element.elementor-element-36e7a87 ul li::before {
    content: "❯"; 
    position: absolute;
    left: 0;
    top: 2px;
    color: #cbbe99; /* Check en dorado */
    font-size: 14px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32ad80f *//* 1. Estado Base (Normal): Tu azul corporativo sólido */
.elementor-870 .elementor-element.elementor-element-32ad80f {
    background: #112152 !important; /* Azul sólido */
    border: 1px solid rgba(203, 190, 153, 0.4) !important; /* Borde dorado sutil */
    border-radius: 24px !important; 
    padding: 40px 30px !important; 
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); 
    transition: all 0.4s ease-in-out;
}

/* 2. Interacción (Hover): Flota y brilla el borde, MISMO COLOR de fondo */
.elementor-870 .elementor-element.elementor-element-32ad80f:hover {
    transform: translateY(-8px); /* La tarjeta flota */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); /* Sombra más profunda */
    border-color: #cbbe99 !important; /* El borde dorado resalta al 100% */
}

/* 3. Textos generales en blanco */
.elementor-870 .elementor-element.elementor-element-32ad80f .elementor-text-editor, 
.elementor-870 .elementor-element.elementor-element-32ad80f .elementor-text-editor p, 
.elementor-870 .elementor-element.elementor-element-32ad80f .elementor-text-editor li {
    color: #f8fafc !important; 
    font-size: 15px;
    line-height: 1.7;
}

/* 4. Palabras clave en tu color dorado #cbbe99 */
.elementor-870 .elementor-element.elementor-element-32ad80f .elementor-text-editor b,
.elementor-870 .elementor-element.elementor-element-32ad80f .elementor-text-editor strong {
    color: #f8fafc !important; 
    font-weight: 600;
}

/* 5. Icono: Pasa de negro a blanco y crece en el hover */
.elementor-870 .elementor-element.elementor-element-32ad80f img {
    margin-bottom: 25px; 
    transition: transform 0.4s ease;
    filter: brightness(0) invert(1) opacity(0.95); /* Imagen negra se vuelve blanca */
}

.elementor-870 .elementor-element.elementor-element-32ad80f:hover img {
    transform: scale(1.08); /* Crece sutilmente */
}

/* 6. Listas limpias con el check dorado */
.elementor-870 .elementor-element.elementor-element-32ad80f ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.elementor-870 .elementor-element.elementor-element-32ad80f ul li {
    margin-bottom: 15px !important;
    padding-left: 28px;
    position: relative;
}

.elementor-870 .elementor-element.elementor-element-32ad80f ul li::before {
    content: "❯"; 
    position: absolute;
    left: 0;
    top: 2px;
    color: #cbbe99; /* Check en dorado */
    font-size: 14px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-366e381 *//* 1. La Tarjeta (Contenedor): Fondo azul sólido y estructura */
.elementor-870 .elementor-element.elementor-element-366e381 {
    background-color: #112152 !important; /* Tu azul corporativo */
    border: 2px solid rgba(203, 190, 153, 0.3) !important; /* Borde dorado sutil */
    border-radius: 16px !important; /* Bordes redondeados elegantes */
    padding: 40px !important; /* Espacio para que el logo respire */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Animación fluida */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Sombra base */
}

/* 2. Interacción al pasar el mouse (Hover) sobre la tarjeta */
.elementor-870 .elementor-element.elementor-element-366e381:hover {
    transform: translateY(-8px); /* Flota hacia arriba */
    border-color: #cbbe99 !important; /* El borde dorado se enciende al 100% */
    box-shadow: 0 15px 30px rgba(17, 33, 82, 0.4); /* Sombra más profunda */
}

/* 3. LA MAGIA: Convertir cualquier logo a blanco puro */
.elementor-870 .elementor-element.elementor-element-366e381 img {
    /* brightness(0) lo hace negro, invert(1) lo vuelve blanco */
    filter: brightness(0) invert(1) !important; 
    transition: transform 0.4s ease;
    max-height: 120px; /* Limita la altura para que todos se vean uniformes */
    width: auto;
    object-fit: contain;
}

/* 4. Efecto extra: El logo crece ligeramente al pasar el mouse */
.elementor-870 .elementor-element.elementor-element-366e381:hover img {
    transform: scale(1.08); 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c470c15 *//* 1. La Tarjeta (Contenedor): Fondo azul sólido y estructura */
.elementor-870 .elementor-element.elementor-element-c470c15 {
    background-color: #112152 !important; /* Tu azul corporativo */
    border: 2px solid rgba(203, 190, 153, 0.3) !important; /* Borde dorado sutil */
    border-radius: 16px !important; /* Bordes redondeados elegantes */
    padding: 40px !important; /* Espacio para que el logo respire */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Animación fluida */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Sombra base */
}

/* 2. Interacción al pasar el mouse (Hover) sobre la tarjeta */
.elementor-870 .elementor-element.elementor-element-c470c15:hover {
    transform: translateY(-8px); /* Flota hacia arriba */
    border-color: #cbbe99 !important; /* El borde dorado se enciende al 100% */
    box-shadow: 0 15px 30px rgba(17, 33, 82, 0.4); /* Sombra más profunda */
}

/* 3. LA MAGIA: Convertir cualquier logo a blanco puro */
.elementor-870 .elementor-element.elementor-element-c470c15 img {
    /* brightness(0) lo hace negro, invert(1) lo vuelve blanco */
    filter: brightness(0) invert(1) !important; 
    transition: transform 0.4s ease;
    max-height: 120px; /* Limita la altura para que todos se vean uniformes */
    width: auto;
    object-fit: contain;
}

/* 4. Efecto extra: El logo crece ligeramente al pasar el mouse */
.elementor-870 .elementor-element.elementor-element-c470c15:hover img {
    transform: scale(1.08); 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a336250 *//* 1. La Tarjeta (Contenedor): Fondo azul sólido y estructura */
.elementor-870 .elementor-element.elementor-element-a336250 {
    background-color: #112152 !important; /* Tu azul corporativo */
    border: 2px solid rgba(203, 190, 153, 0.3) !important; /* Borde dorado sutil */
    border-radius: 16px !important; /* Bordes redondeados elegantes */
    padding: 40px !important; /* Espacio para que el logo respire */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Animación fluida */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Sombra base */
}

/* 2. Interacción al pasar el mouse (Hover) sobre la tarjeta */
.elementor-870 .elementor-element.elementor-element-a336250:hover {
    transform: translateY(-8px); /* Flota hacia arriba */
    border-color: #cbbe99 !important; /* El borde dorado se enciende al 100% */
    box-shadow: 0 15px 30px rgba(17, 33, 82, 0.4); /* Sombra más profunda */
}

/* 3. LA MAGIA: Convertir cualquier logo a blanco puro */
.elementor-870 .elementor-element.elementor-element-a336250 img {
    /* brightness(0) lo hace negro, invert(1) lo vuelve blanco */
    filter: brightness(0) invert(1) !important; 
    transition: transform 0.4s ease;
    max-height: 120px; /* Limita la altura para que todos se vean uniformes */
    width: auto;
    object-fit: contain;
}

/* 4. Efecto extra: El logo crece ligeramente al pasar el mouse */
.elementor-870 .elementor-element.elementor-element-a336250:hover img {
    transform: scale(1.08); 
}/* End custom CSS */