/* Ajusta el tamaño, el grosor y el color del título en el carrusel */
.tm-carousel-item-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem; /* Ajusta el tamaño del texto según tus necesidades */
    font-weight: 700; /* Ajusta el grosor del texto (bold) */
    color: #ffffff; /* Cambia el color del texto */
    font-stretch: expanded; /* Puedes usar condensed o normal */
}

/* Ajusta el tamaño, el grosor y el color del texto en el carrusel */
.tm-carousel-item-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem; /* Ajusta el tamaño del texto según tus necesidades */
    font-weight: 400; /* Ajusta el grosor del texto */
    color: #ffffff; /* Cambia el color del texto */
    font-stretch: normal; /* Puedes usar expanded o condensed */
}

/* Ajusta el tamaño, el grosor y el color del título en la sección de texto */
.tm-2-col-text-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8rem; /* Ajusta el tamaño del texto según tus necesidades */
    font-weight: 800; /* Ajusta el grosor del texto */
    color: #000000; /* Cambia el color del texto */
}

/* Ajusta el tamaño, el grosor y el color de la descripción en la sección de texto */
.tm-2-col-text-description {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem; /* Ajusta el tamaño del texto según tus necesidades */
    font-weight: 500; /* Ajusta el grosor del texto */
    color: #000000; /* Cambia el color del texto */
}

/* Ajusta el tamaño y color de los encabezados */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #222; /* Cambia el color de los encabezados */
}

/* Ajusta el tamaño y color de los párrafos */
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem; /* Ajusta el tamaño del texto según tus necesidades */
    color: #555; /* Cambia el color del texto */
}

/* Cambia el color de fondo del footer */
footer {
    background-color: #656569; /* Color de fondo deseado */
    color: #ffffff; /* Color del texto (puedes ajustarlo según tu diseño) */
    font-weight: 400; /* Ajusta el grosor del texto */
}

/* Cambia el color de los encabezados h4 en el pie de página */
footer h4 {
    color: #ffffff; /* Color del texto (puedes ajustarlo según tu diseño) */
    font-weight: 400; /* Ajusta el grosor del texto */
}

/* Cambia el color de los enlaces dentro de las listas en el pie de página */
footer li a {
    color: #ffffff; /* Color del texto (puedes ajustarlo según tu diseño) */
    font-weight: 400; /* Ajusta el grosor del texto */
}

/* Cambia el color de los enlaces al pasar el cursor sobre ellos */
footer li a:hover {
    color: #ffffff; /* Color del texto (puedes ajustarlo según tu diseño) */
    font-weight: 400; /* Ajusta el grosor del texto */
}
/* Asegura que el contenedor para el texto esté posicionado sobre la imagen de fondo */
.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white; /* Ajusta el color del texto si es necesario */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ajustes para el contenido del carousel si es necesario */
.carousel-content {
    text-align: center; /* Asegura que el texto esté centrado dentro del contenedor */
}