@font-face {
  font-family: 'JosefinSans';
  src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'JosefinSans';
  src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Guttery';
  src: url('../fonts/Guttery.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


.footer {
    margin-top: 40px !important;
    background-color: #21629d;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 20px 10px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    /* Puedes cambiar por la fuente deseada */
}

.logo-footer img{
    width: 100%; /* Ajusta el tamaño de la imagen del logo */
    height: auto; /* Mantiene la proporción de la imagen */
}

.logo-footer p{
    font-family: 'Guttery', sans-serif;
    font-weight: normal;
    color: #FFFFFF; /* Cambia el color si es necesario */
    font-size: 3rem; /* Ajusta el tamaño del texto */
    margin-top: 10px; /* Espacio entre el logo y el texto */
}

h3{
    font-family: 'JosefinSans', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #9cb933; /* Cambia el color si es necesario */
    font-size: 2rem; /* Ajusta el tamaño del texto */
    margin-bottom: 0px;
}
p{
    font-family: 'josefinSans', sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    margin:  0 0 0;
}

.wa img{
    width: 10%; /* Ajusta el tamaño del ícono de WhatsApp */
    height: auto; /* Mantiene la proporción de la imagen */
}


/* Responsive design para pantallas más pequeñas */
@media (max-width: 768px) {
    .footer-content h2 {
        font-size: 1.2rem;
        margin-bottom: 100px;
    }

    .contact-info p {
        font-size: 0.9rem;
    }

    .footer-logo img {
        width: 80px;
    }
}


.text-light{
    font-family: 'CeraPro', sans-serif;
    font-weight: 300; /* Aplica la variante Light */
    color: #FFFFFF; /* Cambia el color si es necesario */
    font-size: 30px;
}

.text-black {
    font-family: 'CeraPro', sans-serif;
    font-weight: 900; /* Aplica la variante Black */
    font-size: 30px;
}

.text-regular {
    font-family: 'CeraPro', sans-serif;
    font-weight: 400; /* Aplica la variante Regular */
    color: #000000; /* Cambia el color si es necesario */
    font-size: 20px !important;
}

.text-black-contactanos {
    transform: translate(0,-35px);
    font-family: 'CeraPro', sans-serif;
    font-weight: 900 !important; /* Aplica la variante Black */
    font-size: 5rem !important; /* Aumenta el tamaño de "Contáctanos" */
    color: #6cc5f1 !important; /* Color que prefieras */
}

.mi-camino {
    font-family: 'AvenusType', sans-serif;
    color: #FFFFFF;
    /* Cambia el color si es necesario */
    font-size: 6rem;
    /* Ajusta el tamaño del texto */
}
.datos{
    margin-top: -40px !important;
}

.footer {
    margin-top: auto; /* Esto empuja el footer hacia el final */
}
.telefonos {
    display: inline-block !important; /* Similar a inline pero más control */
    overflow: hidden;      /* Opcional: para ocultar contenido si es muy largo */
    margin-top: -100px;
}


.copyright {
    font-family: 'CeraPro', sans-serif !important;
    font-weight: 300; /* Aplica la variante Light */
    color: #FFFFFF; /* Cambia el color si es necesario */
    font-size: 1rem !important;
    margin-top: 10px;
}