/* Configuración: estructura propia; no altera otras pantallas ni modales. */
.configuracion-pagina { width:100%; max-width:1120px; margin-inline:auto; min-width:0; container-type:inline-size; }
.configuracion-tarjeta { min-width:0; padding:24px; margin:0 0 24px; border:1px solid var(--linea); border-radius:14px; background:var(--panel); box-shadow:var(--sombra-xs); overflow-wrap:anywhere; }
.configuracion-tarjeta > .config-sub, .configuracion-tarjeta > div > .config-sub { margin:0 0 14px; color:var(--azul); font-size:1.12rem; line-height:1.4; }
.configuracion-tarjeta .config-intro { max-width:80ch; line-height:1.6; }
.configuracion-tarjeta .config-hint { line-height:1.5; }
.configuracion-tarjeta .btn { min-height:44px; white-space:normal; }
.configuracion-tarjeta :is(button,input,select,textarea):focus-visible { outline:3px solid var(--azul); outline-offset:3px; }
.configuracion-tarjeta :is(.notif-prefs,.cuenta-sec,.sla-config-sec) { max-width:none; }
.configuracion-tarjeta .notif-prefs > .btn + .btn { margin-left:8px; }
.configuracion-tarjeta .ent-tabs { flex-wrap:wrap; }
.configuracion-tarjeta .sla-config-sec { width:100%; margin:0; }
.configuracion-sla-bloques { display:grid; grid-template-columns:1fr; gap:20px; }
.configuracion-sla-bloque { min-width:0; padding:18px; background:var(--panel2); border:1px solid var(--linea); border-radius:10px; }
.configuracion-sla-bloque h3 { font-size:1rem; color:var(--texto); margin:0 0 16px; }
.configuracion-sla-bloque .sla-config-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.configuracion-sla-bloque .sla-config-fila { min-width:0; background:var(--panel); }
.configuracion-sla-bloque .sla-adv-fila { align-items:flex-start; gap:8px; }
.configuracion-sla-bloque .sla-adv-fila > label { flex-basis:100%; margin:0; }
.configuracion-sla-bloque .sla-sel { min-width:0; width:100%; max-width:100%; }
.configuracion-sla-bloque .sla-config-inp { box-sizing:border-box; width:80px; min-height:40px; max-width:100%; }
.configuracion-sla-bloque .sla-adv-check { align-items:flex-start; line-height:1.5; }
.configuracion-sla-bloque .sla-adv-check input { flex-shrink:0; margin-top:4px; }
.configuracion-sla-bloque .sla-dia-fila { display:grid; grid-template-columns:minmax(64px,1fr) 64px auto 64px auto; gap:6px; padding-block:5px; }
.configuracion-sla-bloque .sla-dia-lbl { min-width:0; }
.configuracion-sla-bloque .sla-hh { width:64px; }
@container (min-width:900px) {
  .configuracion-sla-bloques { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width:520px) {
  .configuracion-tarjeta { padding:16px; margin-bottom:16px; }
  .configuracion-sla-bloque { padding:12px; }
  .configuracion-sla-bloque .sla-dia-fila { grid-template-columns:64px auto 64px auto; }
  .configuracion-sla-bloque .sla-dia-lbl { grid-column:1 / -1; }
  .configuracion-tarjeta .notif-prefs > .btn + .btn { margin:8px 0 0; }
}
.perfil-empresa-modal { width:min(760px,calc(100vw - 28px)); padding:24px; overflow-y:auto; max-height:90dvh; }
.perfil-empresa-form { display:grid; gap:16px; }
.perfil-empresa-form label { display:grid; gap:6px; font-weight:600; }
.perfil-empresa-form input { min-height:44px; width:100%; min-width:0; box-sizing:border-box; padding:10px; border:1px solid #aebfb9; border-radius:6px; font:inherit; }
.perfil-empresa-form details p { overflow-wrap:anywhere; }
.perfil-empresa-form .modal-acciones { position:sticky; bottom:-24px; padding:14px 0; background:var(--fondo,#fff); flex-wrap:wrap; }
.perfil-empresa-form .btn { min-height:44px; white-space:normal; }
@media(max-width:520px) { .perfil-empresa-modal { padding:16px; } .perfil-empresa-form .modal-acciones { bottom:-16px; } }