.carousel-container { 
    max-width: 80%;
    margin: 20px auto; /* Margin for some space below header */
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
    width: 60%; /* Reduce width */
    max-height: 300px; /* Limit height */
    margin: auto;
    object-fit: cover; /* Maintain aspect ratio */
}

header {
    margin-bottom: 20px; /* Add space below header */
    background-color: white; /* Color del fondo del encabezado */
    padding: 10px 0; /* Espaciado interno del encabezado */
}

.service-box {
    margin-bottom: 30px; /* Space between service boxes */
}

.clients-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.client-box {
    margin: 10px;
}

.menu {
    list-style-type: none;
    padding: 0;
    text-align: center; /* Centrar el menú */
}

.menu li {
    display: inline;
    margin-right: 15px;
}

.menu li a {
    text-decoration: none;
    color: #333; /* Color para enlaces */
}

.menu li a:hover {
    color: #007BFF; /* Color en hover */
}

footer {
    background-color: rgb(16, 97, 196); /* Color de fondo del pie de página */
    color: blanchedalmond; /* Color del texto del pie de página */
    padding: 20px; /* Espaciado interno del pie de página */
    text-align: center; /* Centrar texto en el pie de página */
    margin-top: 20px; /* Margen superior para el pie de página */
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

.container {
    text-align: center;
    margin: 50px auto;
    max-width: 500px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

h2 {
    color: #444;
    margin-bottom: 20px;
}

/* Contact Section Enhancements */
.icon-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Add space between each contact box */
    justify-content: center;
    margin-bottom: 20px;
}

.icon-box {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between icon and information */
    padding: 15px;
    background-color: #f7f7f7; /* Light background for contact box */
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    max-width: 400px; /* Limit width for readability */
    flex: 1 1 300px; /* Responsive adjustment */
    text-align: left; /* Align text to the left */
}

.icon-box i, .icon-box img {
    font-size: 24px;
    color: #555; /* Icon color */
}

.info {
    font-size: 16px;
    color: #333;
}

.info a {
    color: #007BFF; /* Link color */
    text-decoration: none;
}

.info a:hover {
    text-decoration: underline; /* Underline on hover */
}

.map-container {
    margin-top: 20px;
    text-align: center;
}

iframe {
    width: 100%;
    height: 300px;
    border: 0;
    border-radius: 8px;
}

footer {
    margin-top: 20px;
    color: #ffffff;
    font-size: 14px;
}
.info a {
    color: inherit; /* Hereda el color del texto circundante */
    text-decoration: none; /* Quita el subrayado de los enlaces */
}

.info a:hover {
    text-decoration: underline; /* Añade subrayado al pasar el mouse */
    color: #555; /* Color ligeramente más oscuro al pasar el cursor */
}