/* ============================
   ESTILOS RESPONSIVOS
============================= */

/* Pantallas pequeñas (hasta 575px) */
@media (max-width: 575px) {
    .contenedorcasa1 {
        padding: 15px;
    }

    .tcontac {
        font-size: 1.5em;
    }

    .pcontac {
        font-size: 1.1em;
    }

    .formulario input,
    .formulario textarea,
    .formulario button {
        width: 100%;
    }

    footer {
        padding: 10px;
        font-size: 0.9em;
    }
}

/* Pantallas medianas (576px a 991px) */
@media (min-width: 576px) and (max-width: 991px) {
    .contenedorcasa1 {
        padding: 20px;
    }

    .tcontac {
        font-size: 1.8em;
    }

    .pcontac {
        font-size: 1.2em;
    }

    .formulario {
        max-width: 500px;
    }
}

/* En pantallas grandes, la descripción y el formulario se colocarán uno al lado del otro */
@media (min-width: 768px) {
    .row9 {
        flex-direction: row;
        /* Coloca los elementos en fila en pantallas grandes */
    }

    .info,
    .formulario {
        flex: 1;
        /* Ocupa el mismo espacio cada columna */
        max-width: 45%;
        text-align: left;
        /* Opcional: Alineación de texto a la izquierda en pantallas grandes */
    }
}

/* Pantallas grandes (992px a 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .contenedorcasa1 {
        padding: 40px;
    }

    .tcontac {
        font-size: 2.5em;
    }

    .pcontac {
        font-size: 1.4em;
    }

    .formulario {
        max-width: 700px;
    }
}

/* Pantallas extra grandes (1200px y superiores) */
@media (min-width: 1200px) {
    .contenedorcasa1 {
        padding: 50px;
    }

    .tcontac {
        font-size: 3em;
    }

    .pcontac {
        font-size: 1.5em;
    }

    .formulario {
        max-width: 800px;
    }
}