/* ==========================================
   CONTACTO PAGE — 768px
   ========================================== */

@media (max-width: 768px) {

    /* Hero */
    .hero-contacto .hero-main-title {
        font-size: 2.75rem;
    }

    .hero-quick-contacts {
        flex-direction: column;
        align-items: center;
    }

    .hero-quick-btn {
        width: 100%;
        max-width: 320px;
    }

    /* Section headers */
    .cont-section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    /* Contact methods */
    .contact-methods-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Form layout — stack vertically */
    .contact-form-layout {
        grid-template-columns: 1fr;
    }

    /* Form rows */
    .form-row {
        grid-template-columns: 1fr;
    }

}