.info-card-alt{
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    margin-bottom: 2rem;

    img{
        width: 100%;
        height: auto;
        border-style: solid;
        border-radius: 15px;
        border-color: var(--gam-color);
        border-width: 2px;
        box-sizing: border-box;
    }

    h2{
        color: var(--gam-color);
        font-size: 1.5rem;
    }

    tbody{
        border-collapse: collapse;
        td{
            align-items: center;
            border-style: solid;
            padding: 15px;
            border-width: 3px;
            border-color: rgba(105, 105, 105, 0.5);
            word-break: break-word;   /* evita que el correo largo desborde */
        }
    }

    .contact-info td:first-child {
        font-weight: 600;
        width: 200px;
    }
}


@media (max-width: 992px){
    .info-card-alt{
        padding: 1.5rem;

        h2{ font-size: 1.3rem; }

        .contact-info td:first-child{
            width: 140px;
        }
        tbody td{
            padding: 10px;
            border-width: 2px;
            font-size: 0.95rem;
        }
    }
}

/* --- Foto encima y con tamaño controlado en móvil --- */
@media (max-width: 768px){
    .info-card-alt .col-12{
        text-align: center;   /* centra la foto apilada */
    }
    .info-card-alt img{
        max-width: 180px;     /* tope para que no se vea enorme */
        width: 100%;
        height: auto;
    }
}

@media (max-width: 576px){
    .info-card-alt{
        padding: 1.2rem;

        h2{ font-size: 1.15rem; }

        .contact-info,
        .contact-info tbody,
        .contact-info tr{
            display: block;
            width: 100%;
        }

        .contact-info td{
            display: block;
            width: 100% !important;
            border-width: 0 0 1px 0 !important;
            padding: 8px 4px !important;
        }

        .contact-info td:first-child{
            width: 100% !important;
            padding-bottom: 2px !important;
            border-bottom: none !important;
            color: var(--gam-color);
        }
    }
}