body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
        }
        .content {
            min-height: calc(100vh - 50px);
            padding: 20px;
            background-color: #f5f5f5;
        }
		
		.footer-banner-custom {
            background-color: rgba(0, 255, 236, 0.8);
            max-width: 745px;
            height: 173px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: nowrap;
            overflow: hidden;
			padding: 4px;
        }
        .footer-banner-custom .icon-text {
            display: flex;
            align-items: center;
            font-size: 24px;
            justify-content: flex-start;
            white-space: nowrap;
            max-width: 100%;
        }
        .footer-banner-custom .icon-text img {
            width: 40px;
            margin-right: 10px;
            max-width: 40px;
            height: auto;
        }
        .footer-banner-custom .main-temp {
            font-size: 110px;
            font-weight: bold;
            max-width: 100%;
        }
        .footer-banner-custom .logo {
            width: 110px;
			align-self: flex-end;
			margin-top: 20px;
        }
		
		@media (min-width: 769px) and (max-width: 1024px) {
    .footer-banner-custom {
        background-color: rgba(0, 255, 236, 0.8);
        max-width: 745px;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4px;
    }

    .footer-banner-custom .icon-text {
        display: flex;
        align-items: center;
        font-size: 20px;
        justify-content: center;
        white-space: nowrap;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .footer-banner-custom .icon-text img {
        width: 35px;
        margin-right: 10px;
        max-width: 35px;
        height: auto;
    }

    .footer-banner-custom .main-temp {
        font-size: 110px;
        font-weight: bold;
        max-width: 100%;
        text-align: center;
    }

    .footer-banner-custom .logo {
        width: 110px;
        align-self: flex-end;
        margin-top: 20px;
    }
}

		
		
        @media (max-width: 480px) {
    .footer-banner-custom {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centra el contenido horizontalmente */
        height: auto;
        padding: 10px 0;
    }

    .footer-banner-custom .main-temp {
        font-size: 80px;
        text-align: center;
        margin: 0; /* Elimina márgenes laterales */
        /*width: 100%;*/ /* Ocupa todo el ancho */
		max-width: none; /* Anula cualquier valor de max-width */
    }

    .footer-banner-custom .icon-text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 18px;
        width: 100%; /* Cada ícono con texto ocupa toda la fila */
        margin: 10px 0; /* Espaciado entre filas */
    }

    .footer-banner-custom .icon-text img {
        width: 35px;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .footer-banner-custom .icon-text span {
        flex-grow: 1;
        text-align: left;
    }

    .footer-banner-custom .logo {
        width: 90px;
        max-width: 120px;
        margin: 10px 0;
    }

    .footer-banner-custom .row {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centrar elementos horizontalmente */
        margin: 0; /* Elimina márgenes */
    }
}



        @media (min-width: 480px) and (max-width: 768px) {
    .footer-banner-custom {
        flex-wrap: wrap;
        height: auto;
    }

    .footer-banner-custom .col-4,
    .footer-banner-custom .col-8 {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center;
		vertical-align: middle;
		justify-items: end;
		
    }

    .footer-banner-custom .main-temp {
        font-size: 90px;
    }

    .footer-banner-custom .icon-text {
        font-size: 11px;
        margin-bottom: 15px; /* Más espacio entre filas */
        display: flex; /* Activa flexbox */
        align-items: center; /* Centrado vertical */
        justify-content: flex-start; /* Alineación horizontal de icono y texto */
        width: 100%; /* Asegura que ocupe todo el ancho disponible */
        margin: 0 auto; /* Centrado en caso de que no ocupe todo el espacio */
    }

    .footer-banner-custom .icon-text img {
        width: 30px; /* Ajusta el tamaño de la imagen */
        margin-right: 10px; /* Espaciado entre el icono y el texto */
        flex-shrink: 0; /* Impide que la imagen se reduzca de tamaño */
    }

    .footer-banner-custom .row {
        display: flex; /* Activa flexbox en el contenedor de filas */
        align-items: center; /* Centra los elementos verticalmente */
        justify-content: center; /* Centra los elementos horizontalmente */
    }

    .footer-banner-custom .logo {
        width: 90px;
        max-width: 90px;
        margin-top: 20px; /* Espacio antes del logo */
        margin-bottom: 10px; /* Separación del borde inferior */
    }
}



        .footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px;
            width: 100%;
        }