/* =========================================================
   CET Nº1 — CONTACTO (informacion.html)
   Mapa y datos de contacto.
   Depende de: css/global.css
   ========================================================= */
/* Map */
.map-container {
    display: flex;
    background-color: var(--secondary-color);
    overflow: hidden;
    box-shadow: var(--shadow);
    color: var(--text-light);
    margin-top: 40px;
}
.map-frame { flex: 1; aspect-ratio: 1/1; min-height: 320px; background: rgba(0,0,0,0.2); }
.map-frame iframe { width: 100%; height: 100%; border: none; }
.map-info { flex: 1; padding: 40px; display: flex; flex-direction: column; justify-content: center; }
.map-info h3 { font-size: 1.6rem; margin-bottom: 14px; color: var(--text-light); }
.map-info p { font-size: 1rem; color: rgba(255,255,255,0.85); margin-bottom: 18px; }
.map-link { color: #4ade80; text-decoration: none; font-weight: 600; transition: var(--transition); }
.map-link:hover { text-decoration: underline; opacity: 0.85; }

/* Tech text */
.tech-text { color: var(--primary-color); margin-right: 6px; }


/* =========================================================
   RESPONSIVE (informacion)
   ========================================================= */
@media (max-width: 768px) {
    .map-container { flex-direction: column; }
    .map-frame { min-height: 240px; aspect-ratio: auto; }
}


/* =========================================================
   AJUSTES PROPIOS DE LA PÁGINA
   ========================================================= */

/* Títulos y listas dentro de las columnas de contacto */
.feature-text .contact-heading {
    font-size: 2rem;
    margin-bottom: 25px;
}
.contact-list {
    list-style: none;
    margin-bottom: 35px;
}
.contact-list li {
    margin-bottom: 10px;
}
.contact-list-roomy li {
    margin-bottom: 15px;
}
.contact-list li a {
    color: var(--text-secondary);
}