html, body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #36454F;
    background-color: #ffffff;
}

.textoerror{
    color:firebrick,
}

.hiddenTextBox {
    visibility: hidden;
    position: absolute;
    left: -9999px; /* Mover el TextBox fuera del área visible */
}

.image-row {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
    overflow: hidden;
}

    .image-row img {
        height: 160px;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

.side-img {
    flex: 1;
    min-width: 0; /* 🔧 clave para que no colapsen ni desaparezcan */
}

.center-img {
    flex: 2;
    min-width: 0;
}

.zoom-img:hover {
    transform: scale(1.1);
}



footer {
    background: transparent; /* Fondo totalmente transparente */
}

.footer-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap; /* ❌ prohibimos que se apilen */
}

    .footer-logos img {
        flex: 1 1 0;
        max-height: 100px; /* o lo que quieras */
        height: auto;
        width: 100%;
        object-fit: contain;
    }