.elementor-4378 .elementor-element.elementor-element-d31ccc4{--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-4378 .elementor-element.elementor-element-d31ccc4:not(.elementor-motion-effects-element-type-background), .elementor-4378 .elementor-element.elementor-element-d31ccc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-45cd866 *//* Cambia el color del texto y los iconos dentro de los elementos de la lista */
ul.nasa-bottom-bar-icons li a {
    color: white; /* Cambia el color del texto a blanco */
}

ul.nasa-bottom-bar-icons li a .nasa-bot-icons,
ul.nasa-bottom-bar-icons li a svg {
    fill: white; /* Cambia el color de los iconos SVG a blanco */
}

/* Si también necesitas cambiar el color de los íconos de fuentes (como el de pe-7s-filter), agrega esta regla */
ul.nasa-bottom-bar-icons li a i {
    color: white; /* Cambia el color de los íconos de fuente a blanco */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d31ccc4 */.icon {
  color: #C50607; /* Color de texto */
  width: 50px; /* Ajusta el tamaño del ícono */
  height: 50px;
}

.icon svg {
  fill: currentColor; /* Aplica el color actual del texto al SVG */
}/* End custom CSS */