body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #3498db;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

nav {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

section, footer {
    padding: 20px;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
}

.fondo1 {
    background-color: #fff;
    border-radius: 10px;
}

.fondo2 {
    background-color: #fafbfd;
    border-radius: 10px;
}

.fondo3 {
    background-color: #f6f6f6;
    border-radius: 10px;
}

.columnas1 {
    display: flex;
    justify-content: space-between;
}

.columnas2 {
    display: flex;
    justify-content: space-between;
}

.columna {
    flex: 1;
    margin: 0 10px; /* Ajusta el espacio entre columnas según sea necesario */
}

.centrado {
    text-align: center;
}

.justificado {
    text-align: justify;
}

.centradoimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header {
    display: flex;
    justify-content: center; /* Centra los elementos horizontalmente */
    align-items: center; /* Centra los elementos verticalmente */
    padding: 20px;
}

.logo-container {
    margin-right: 10px; /* Espacio entre el logo y el título */
}

.logo {
    width: 100px; /* Ajusta el ancho según sea necesario */
    height: auto; /* Esto mantiene la proporción del logo */
}

.social-menu {
    position: relative; /* Para posicionar el submenu de forma relativa */
}

.submenu {
    display: none; /* Oculta el submenu por defecto */
    position: absolute; /* Posiciona el submenu de forma absoluta */
    top: 100%; /* Coloca el submenu debajo del enlace del menú principal */
    left: 0; /* Alinea el submenu a la izquierda */
    background-color: #333; /* Color de fondo del submenu */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra del submenu */
    z-index: 1; /* Asegura que el submenu esté sobre otros elementos */
}

.social-menu:hover .submenu {
    display: block; /* Muestra el submenu al pasar el ratón sobre el menú principal */
}

.submenu li {
    padding: 10px; /* Espaciado interno de los elementos del submenu */
}

.submenu li a {
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    color: #fff; /* Color del texto del submenu */
}

.submenu li a:hover {
    color: #3498db; /* Cambia el color del texto al pasar el ratón sobre los enlaces del submenu */
}


.soluciones {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.soluciones-texto {
    width: 50%;
}

.soluciones-texto ul {
    padding-left: 20px;
}

.soluciones-texto ul li {
    margin-bottom: 5px; /* Espacio entre los elementos de la lista */
}

.imagen1 {
    width: 50%;
    text-align: right;
}

.imagen1 img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.puntos-negros {
    list-style-type: disc; /* Cambia el tipo de lista a puntos negros */
    font-size: 24px;
}

.titulo-soluciones {
    font-size: 36px; /* Tamaño de fuente más grande */
}

.enfoque {
    display: flex;
    align-items: center;
}

.imagen2 {
    width: 50%;
    text-align: left; /* Alinea la imagen a la izquierda */
}

.imagen2 img {
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* Ajusta el valor según el redondeo deseado */
}

.enfoque-texto {
    width: 50%;
    text-align: right;
}

.enfoque-texto ul {
    padding-right: 20px; /* Añade espacio a la derecha de la lista */
    list-style-position: inside; /* Coloca los puntos negros dentro del contenedor */
}

.enfoque-texto ul li {
    margin-bottom: 5px; /* Espacio entre los elementos de la lista */
}

.titulo-enfoque {
    font-size: 36px; /* Tamaño de fuente más grande */
}

.telefono {
    text-decoration: underline; /* Subraya el enlace */
    cursor: pointer; /* Cambia el cursor al pasar sobre el enlace para indicar que es clickeable */
}