.convenios-vista { display: grid; gap: 24px; }
.convenios-vista .seccion { min-width: 0; }
.convenio-formulario { display: grid; gap: 16px; }
.convenio-persona { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 16px; background: #edf7f6; border: 1px solid #b4dcd8; border-radius: 10px; }
.convenio-persona small { display: block; margin-top: 4px; }
.convenio-beneficios { list-style: none; padding: 0; margin: 0; }
.convenio-beneficios li { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 16px 0; border-bottom: 1px solid #e4ebee; }
.convenio-beneficios li:last-child { border-bottom: 0; }
.convenio-beneficios small { display: block; max-width: 70ch; line-height: 1.6; margin-top: 5px; color: #596f7f; }
.convenio-beneficios .pill-valor { flex-shrink: 0; max-width: 40%; }
.convenio-folio { font-size: clamp(22px, 4vw, 34px); color: #193d5c; letter-spacing: .04em; font-weight: 750; margin: 14px 0 24px; }
.convenio-pase { padding: 12px 0; }
.convenio-pase header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 14px; border-bottom: 2px solid #7dc1bb; }
.convenio-pase h2 { margin: 24px 0 12px; }
.convenio-pase-cuerpo { display: flex; align-items: flex-start; gap: 28px; }
.convenio-pase-cuerpo .ficha-datos { flex: 1; }
.convenio-qr { object-fit: contain; image-rendering: pixelated; width: 205px; height: 205px; }
.convenio-camara { display: grid; gap: 12px; margin-top: 16px; }
.convenio-camara[hidden], .convenio-persona[hidden] { display: none; }
.convenio-camara video { display: block; width: 100%; max-height: 320px; border-radius: 12px; background: #193d5c; }
.convenio-agenda { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(360px, 1fr); gap: 22px; align-items: start; }
.convenio-calendario-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.convenio-calendario-cabecera .titulo { text-align: center; text-transform: capitalize; }
.convenio-calendario { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid #dfe8ed; border-left: 1px solid #dfe8ed; }
.convenio-dia-titulo { padding: 10px 2px; background: #193d5c; color: white; text-align: center; font-size: 12px; }
.convenio-dia { min-height: 110px; padding: 5px; border-bottom: 1px solid #dfe8ed; border-right: 1px solid #dfe8ed; background: white; }
.convenio-dia--fuera { background: #f4f6f8; }
.convenio-dia--fuera .convenio-dia-numero { color: #8393a0; }
.convenio-dia-numero { border: 0; background: transparent; font: inherit; color: #193d5c; width: 29px; height: 29px; border-radius: 50%; cursor: pointer; }
.convenio-dia-numero:hover, .convenio-dia-numero:focus-visible { background: #d9efeb; }
.convenio-dia--actual .convenio-dia-numero { background: #193d5c; color: white; }
.convenio-cita { display: block; width: 100%; text-align: left; padding: 6px; margin-top: 4px; border: 1px solid #b4dcd8; border-left: 3px solid #328b82; border-radius: 5px; background: #edf7f6; color: #193d5c; cursor: pointer; overflow: hidden; font-family: inherit; }
.convenio-cita time, .convenio-cita b, .convenio-cita small { display: block; font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.convenio-cita time { font-variant-numeric: tabular-nums; }
.convenio-cita[data-tipo='check_up'] { border-left-color: #8461a4; background: #f5effa; border-top-color: #dfd3e9; border-bottom-color: #dfd3e9; border-right-color: #dfd3e9; }
.convenio-cita[data-estado='realizada'] { border-left-color: #25824d; }
.convenio-cita[data-estado='no_asistio'], .convenio-cita[data-estado='cancelada'] { background: #f8eeee; border-color: #ead3d3; border-left-color: #ad5858; }
.convenio-calendario--semana .convenio-dia { min-height: 320px; }
.convenio-detalle-opcional { border: 1px solid #dfe8ed; padding: 14px; border-radius: 10px; }
.convenio-detalle-opcional summary { cursor: pointer; color: #193d5c; font-weight: 600; }
.convenio-detalle-opcional .campo { margin-top: 18px; }
.convenio-seleccionados { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.convenio-chip { display: inline-flex; gap: 10px; align-items: center; padding: 5px 10px; background: #edf7f6; border-radius: 8px; }
.convenio-antiguedad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 18px; }
.convenio-antiguedad > div { display: grid; gap: 10px; padding: 20px; background: #f2f7f8; border-left: 3px solid #7dc1bb; border-radius: 8px; }
.convenio-antiguedad b { font-size: 22px; color: #193d5c; }
.convenio-vencimiento { margin: 0; color: #193d5c; border-left: 3px solid #7dc1bb; padding: 10px 14px; background: #edf7f6; }
.convenio-expediente-cabecera { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.convenio-expediente-cabecera h2 { margin: 6px 0 12px; color: #193d5c; font-size: 30px; }
.convenio-privacidad { background: #eff4f7; padding: 14px 18px; border-left: 3px solid #7dc1bb; margin: 0; color: #486273; line-height: 1.5; }
.convenio-leyenda { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.convenio-comite { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; white-space: nowrap; }
.convenio-comite i { display: inline-block; height: 13px; width: 13px; border-radius: 50%; flex-shrink: 0; background: var(--comite-color); border: 1px solid #0002; }
@media (max-width: 1200px) { .convenio-agenda { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .convenios-vista { gap: 18px; }
  .convenio-pase-cuerpo { flex-direction: column; }
  .convenio-beneficios li, .convenio-expediente-cabecera { flex-direction: column; gap: 12px; }
  .convenio-beneficios .pill-valor { max-width: 100%; }
  .convenio-antiguedad { grid-template-columns: 1fr; }
  .convenio-dia { min-height: 86px; padding: 2px; }
  .convenio-cita { padding: 3px; }
  .convenio-cita time, .convenio-cita b, .convenio-cita small { font-size: 9px; }
  .convenio-cita small { display: none; }
  .convenio-dia-numero { width: 25px; height: 25px; font-size: 12px; }
}
@media print {
  body:has(.convenio-imprimible) > :not(.convenio-imprimible) { display: none !important; }
  .convenio-imprimible { display: block !important; position: static !important; width: 100% !important; max-width: none !important; max-height: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
  .convenio-imprimible::backdrop, .convenio-imprimible .dialogo-cabecera, .convenio-imprimible .dialogo-pie { display: none !important; }
  .convenio-imprimible .dialogo-cuerpo { overflow: visible !important; padding: 0; }
  .convenio-imprimible .convenio-pase { break-inside: avoid; }
}

.convenio-agenda .tabla td { padding-left: 12px; padding-right: 12px; }
.convenio-agenda .tabla th { padding-left: 12px; padding-right: 12px; }
.convenio-agenda .sello { white-space: normal; }

/* Comités con la nomenclatura del archivo: fila en el color del titular, familiares en tono claro, celda RANGO morada o lila. */
.comites {
  --comites-rojo: #b3261e;
  --comites-rojo-claro: #f6d4d1;
  --comites-verde: #2e7d43;
  --comites-verde-claro: #d4ecd9;
  --comites-amarillo: #f3c623;
  --comites-amarillo-claro: #fcf0c2;
  --comites-morado: #5b2d8e;
  --comites-lila: #d9c4f0;
  display: grid;
  gap: 22px;
}
.comites-leyenda { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.comites-codigo { display: inline-flex; align-items: center; min-height: 28px; padding: 2px 12px; border-radius: 6px; font-family: var(--titulos); font-size: 13px; font-weight: 600; white-space: nowrap; }
.comites-codigo[data-color='gerente_general'] { background: var(--comites-rojo, #b3261e); color: #fff; }
.comites-codigo[data-color='ejecutivo'] { background: var(--comites-verde, #2e7d43); color: #fff; }
.comites-codigo[data-color='operativo'] { background: var(--comites-amarillo, #f3c623); color: #3d2c00; }
.comites-codigo[data-color='vip'] { background: var(--comites-morado, #5b2d8e); color: #fff; }
.comites-codigo[data-color='alto'] { background: var(--comites-lila, #d9c4f0); color: #3b1f60; }
.comites-cuenta { margin: 0; color: var(--tinta-suave); }
.comites-cuenta b { font-family: var(--titulos); font-size: 18px; color: var(--navy); }
.comites-titulo { margin: 0 0 10px; font-family: var(--titulos); font-size: 16px; letter-spacing: 0.02em; color: var(--navy); }
.comites-titulo small { margin-left: 10px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--tinta-suave); }
.comites-marco { overflow-x: auto; border: 1px solid var(--filete); border-radius: 8px; }
.comites-tabla { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; }
.comites-tabla thead th { padding: 10px 12px; background: var(--navy); color: #fff; font-family: var(--titulos); font-size: 12px; letter-spacing: 0.04em; text-align: left; }
.comites-tabla td, .comites-tabla tbody th { padding: 9px 12px; border-bottom: 1px solid rgb(0 0 0 / 0.08); font-weight: 500; text-align: left; }
.comites-tabla tbody tr { cursor: pointer; }
.comites-tabla tbody tr:hover { filter: brightness(0.96); }
.comites-tabla tbody tr:focus-visible { outline: 2px solid var(--navy); outline-offset: -2px; }
.comites-tabla tr[data-grupo='gerente_general'] { background: var(--comites-rojo); color: #fff; }
.comites-tabla tr[data-grupo='ejecutivo'] { background: var(--comites-verde); color: #fff; }
.comites-tabla tr[data-grupo='operativo'] { background: var(--comites-amarillo); color: #3d2c00; }
.comites-tabla tr[data-grupo='gerente_general'][data-familiar] { background: var(--comites-rojo-claro); color: #1d1d1f; }
.comites-tabla tr[data-grupo='ejecutivo'][data-familiar] { background: var(--comites-verde-claro); color: #1d1d1f; }
.comites-tabla tr[data-grupo='operativo'][data-familiar] { background: var(--comites-amarillo-claro); color: #1d1d1f; }
.comites-tabla tr[data-familiar] th, .comites-tabla tr[data-familiar] td { font-weight: 400; }
.comites-tabla .comites-rango { font-family: var(--titulos); font-weight: 700; text-align: center; }
.comites-tabla .comites-rango[data-rango='VIP'] { background: var(--comites-morado); color: #fff; }
.comites-tabla .comites-rango[data-rango='ALTO'] { background: var(--comites-lila); color: #3b1f60; }
.comites-pie { margin: 0; font-size: 13px; color: var(--tinta-suave); }

/* Pie de Beneficios: notas y contactos del archivo del convenio. */
.benef-pie { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px 32px; margin-top: 24px; padding: 20px 24px; border: 1px solid var(--filete); border-radius: 8px; background: var(--gris-suave); }
.benef-pie-apartado h3 { margin: 0 0 8px; font-family: var(--titulos); font-size: 15px; color: var(--navy); }
.benef-pie-apartado ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--tinta); }
.benef-pie-apartado li + li { margin-top: 6px; }
.agenda-beneficio { margin: -6px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--teal-letra); }
.agenda-beneficio:empty { display: none; }