/* ============================================================
   Portal de Servicios Climáticos (DMC) — Control (área autenticada)
   Puerta de sesión + listado de referencia. Alt B: Control baja al
   área con sesión. Reutiliza tokens.css + portada.css + catalogo.css.
   Sin CSS inline.
   ============================================================ */

.dmc-control { padding-block: var(--sp-5) var(--sp-7); }

/* Puerta de sesión */
.dmc-control__gate {
  max-width: 720px; margin: 0 auto var(--sp-6); text-align: center;
  background: var(--fondo-alt); border: 1px solid var(--linea); border-radius: var(--radio); padding: var(--sp-6) var(--sp-5);
}
.dmc-control__lock { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1px solid var(--linea); color: var(--dmc-azul); margin-bottom: var(--sp-3); }
.dmc-control__titulo { font-size: clamp(1.5rem,3vw,2rem); font-weight: 700; letter-spacing: -.02em; margin: 0 0 var(--sp-3); }
.dmc-control__intro { color: var(--tinta-suave); margin: 0 auto var(--sp-4); max-width: 60ch; text-align: left; }
.dmc-control__btn { min-height: var(--touch); padding-inline: var(--sp-5); }
.dmc-control__nota { font-size: .8rem; color: var(--tinta-suave); margin: var(--sp-4) auto 0; max-width: 60ch; }

/* Contenido de referencia */
.dmc-control__ref { margin-top: var(--sp-5); }
.dmc-control__ref-sub { font-size: .85rem; color: var(--tinta-suave); margin: 2px 0 var(--sp-4); }
.dmc-control__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--sp-4); }
.dmc-control__grupo { background: #fff; border: 1px solid var(--linea); border-radius: var(--radio); padding: var(--sp-4); }
.dmc-control__grupo-tit { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--dmc-azul); margin: 0 0 var(--sp-2); }
.dmc-control__grupo ul { list-style: none; margin: 0; padding: 0; }
.dmc-control__grupo li { font-size: .9rem; color: var(--tinta); padding: 5px 0; border-bottom: 1px solid var(--fondo-alt); }
.dmc-control__grupo li:last-child { border-bottom: 0; }

@media print { .dmc-header, .dmc-footer, .dmc-navsearch, .dmc-navsesion, .dmc-toggler, .dmc-control__btn { display: none !important; } }