/* =================================================================
   CONTACTO · fondo naranja, textos en teal
================================================================= */
.contacto { padding: 0 !important; }
.contacto-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 650px; }
/* Fondo naranja del logo, texto blanco y con más grosor para contraste accesible. */
.contacto-info { padding: 6rem 5rem; background: #f29002; display: flex; flex-direction: column; justify-content: center; }
.contacto-info .section-eyebrow { color: #ffffff; font-weight: 700; }
.contacto-info h2 { color: #ffffff; margin-bottom: 1.5rem; }
.contacto-info h2 em { color: #ffffff; }
.contacto-info > p { font-family: var(--serif); font-style: italic; font-size: 1.3rem; color: #ffffff; margin-bottom: 3rem; font-weight: 600; }
.contacto-detail { margin-bottom: 1.8rem; }
.contacto-detail-label { font-size: 0.72rem; letter-spacing: 0.3em; text-transform: uppercase; color: #ffffff; margin-bottom: 0.4rem; font-weight: 700; }
.contacto-detail-value { font-family: var(--serif); font-size: 1.15rem; color: #ffffff; line-height: 1.5; font-weight: 600; }
.contacto-detail-value a { color: #ffffff; text-decoration: none; transition: color 0.3s; font-weight: 700; }
.contacto-detail-value a:hover { color: var(--teal-dark); }
.contacto-detail-note { font-size: 0.9rem; color: rgba(255,255,255,0.9); font-style: italic; margin-top: 0.3rem; }
.horarios-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 1.5rem; font-family: var(--serif); font-size: 1rem; color: #ffffff; font-weight: 600; }
.horario-dia { font-weight: 700; }
.contacto-cta { margin-top: 2.5rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.contacto-map iframe { width: 100%; height: 100%; border: 0; display: block; min-height: 400px; }

/* Responsive — contacto */
@media (max-width: 1024px) {
    .contacto-grid { grid-template-columns: 1fr; }
    .contacto-info { padding: 4rem 3rem; }
    .contacto-map { min-height: 400px; }
}
@media (max-width: 768px) {
    .contacto-info { padding: 3rem 2rem; }
    .horarios-grid { grid-template-columns: 1fr; }
}