/* ============================================================
   SOFTWARE ESM · PASO 36 · AGENDA TELEFÓNICA
   EMPRESA ACTIVA → PROYECTOS REALES → PERSONAL
   Alcance aislado: #modalAgenda
   ============================================================ */

#modalAgenda{
  --agenda-fondo:#020817;
  --agenda-panel:rgba(5,20,43,.88);
  --agenda-panel-claro:rgba(9,31,61,.78);
  --agenda-linea:rgba(49,151,255,.34);
  --agenda-linea-fuerte:rgba(60,194,255,.75);
  --agenda-cyan:#35d7ff;
  --agenda-azul:#248dff;
  --agenda-texto:#f4f9ff;
  --agenda-suave:#9fb6d2;
  padding:0!important;
  background:
    radial-gradient(circle at 83% 11%,rgba(17,111,221,.17),transparent 31%),
    linear-gradient(145deg,#020713 0%,#031026 52%,#020817 100%)!important;
  overflow:hidden!important;
}

#modalAgenda .agenda35-shell{
  position:relative;
  width:100vw;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  color:var(--agenda-texto);
  background:
    linear-gradient(rgba(29,130,233,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,130,233,.035) 1px,transparent 1px),
    linear-gradient(145deg,rgba(2,9,24,.99),rgba(3,16,37,.99));
  background-size:42px 42px,42px 42px,auto;
  border:0;
  border-radius:0;
  box-sizing:border-box;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}

#modalAgenda .agenda35-header{
  min-height:94px;
  padding:15px 24px 15px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid var(--agenda-linea);
  background:linear-gradient(90deg,rgba(2,17,40,.98),rgba(4,26,56,.96));
  box-shadow:0 12px 35px rgba(0,0,0,.2);
  box-sizing:border-box;
  z-index:3;
}

#modalAgenda .agenda35-titulo{min-width:0}
#modalAgenda .agenda35-titulo h2{
  margin:0;
  display:flex;
  align-items:center;
  gap:11px;
  color:#fff;
  font-size:clamp(23px,2.15vw,34px);
  line-height:1.1;
  letter-spacing:-.02em;
  text-transform:none;
}
#modalAgenda .agenda35-titulo h2 strong{
  color:var(--agenda-cyan);
  font-weight:900;
  letter-spacing:.045em;
  text-shadow:0 0 20px rgba(53,215,255,.35);
}
#modalAgenda .agenda35-titulo h2 span{color:#6383aa;font-weight:300}
#modalAgenda .agenda35-titulo p{
  margin:7px 0 0;
  color:#a9bfd9;
  font-size:13px;
  letter-spacing:.015em;
}

#modalAgenda .agenda35-header-derecha{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:17px;
  min-width:0;
}
#modalAgenda .agenda35-empresa{
  min-width:240px;
  max-width:410px;
  height:64px;
  padding:7px 13px 7px 8px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(57,160,255,.34);
  border-radius:15px;
  background:rgba(8,31,62,.58);
  box-shadow:inset 0 0 18px rgba(37,126,232,.07);
  box-sizing:border-box;
}
#modalAgenda .agenda35-logo-caja{
  flex:0 0 50px;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(94,198,255,.52);
  overflow:hidden;
}
#modalAgenda .agenda35-logo-caja img{
  width:100%;
  height:100%;
  padding:3px;
  object-fit:contain;
  box-sizing:border-box;
}
#modalAgenda .agenda35-logo-caja img:not([src]),
#modalAgenda .agenda35-logo-caja img[src=""]{display:none}
#modalAgenda #agendaEmpresaLogoVacio{
  color:#0a62aa;
  font-size:27px;
  font-weight:900;
}
#modalAgenda .agenda35-empresa-texto{
  min-width:0;
  display:grid;
  gap:4px;
}
#modalAgenda .agenda35-empresa-texto small{
  color:#73c8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
#modalAgenda .agenda35-empresa-texto strong{
  color:#fff;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#modalAgenda .agenda35-volver{
  flex:0 0 auto;
  min-width:150px;
  height:54px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  border:1px solid rgba(67,213,255,.82);
  border-radius:15px;
  background:linear-gradient(135deg,#098ed0,#176cdb);
  box-shadow:0 10px 28px rgba(5,121,214,.24),inset 0 1px rgba(255,255,255,.25);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
#modalAgenda .agenda35-volver:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 31px rgba(17,157,235,.34),0 0 18px rgba(53,215,255,.16);
}
#modalAgenda .agenda35-volver span{font-size:24px;line-height:1}
#modalAgenda .agenda35-volver b{font-size:14px}

#modalAgenda .agenda35-toolbar{
  min-height:98px;
  padding:12px 20px;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(620px,2fr);
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(46,143,244,.25);
  background:rgba(3,15,35,.92);
  box-sizing:border-box;
  z-index:2;
}
#modalAgenda .agenda36-ruta-proyecto{
  min-width:0;
  min-height:70px;
  padding:8px 11px;
  display:grid;
  grid-template-columns:auto 54px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid rgba(60,174,255,.34);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(7,46,88,.76),rgba(5,25,55,.82));
  box-sizing:border-box;
}
#modalAgenda .agenda36-volver-proyectos{
  height:42px;
  padding:0 13px;
  color:#e9fbff;
  border:1px solid rgba(62,206,255,.6);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(12,120,188,.72),rgba(17,79,156,.76));
  font:900 11px/1 inherit;
  white-space:nowrap;
  cursor:pointer;
}
#modalAgenda .agenda36-volver-proyectos:hover{border-color:#65e4ff;box-shadow:0 0 18px rgba(53,215,255,.15)}
#modalAgenda .agenda36-proyecto-miniatura{
  width:52px;
  height:52px;
  overflow:hidden;
  border:1px solid rgba(80,203,255,.6);
  border-radius:12px;
  background:#092449;
}
#modalAgenda .agenda36-proyecto-miniatura img{width:100%;height:100%;display:block;object-fit:cover}
#modalAgenda .agenda36-proyecto-identidad{min-width:0;display:grid;gap:2px}
#modalAgenda .agenda36-proyecto-identidad small{color:#58cdfc;font-size:8px;font-weight:900;letter-spacing:.12em}
#modalAgenda .agenda36-proyecto-identidad strong,
#modalAgenda .agenda36-proyecto-identidad span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#modalAgenda .agenda36-proyecto-identidad strong{color:#fff;font-size:13px}
#modalAgenda .agenda36-proyecto-identidad span{color:#7898ba;font-size:9px}
#modalAgenda .agenda36-filtros-contactos{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(270px,1fr) minmax(150px,210px) minmax(145px,190px) auto;
  align-items:center;
  gap:10px;
}
#modalAgenda .agenda35-buscador{
  height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  border:1px solid rgba(62,158,255,.47);
  border-radius:14px;
  background:rgba(6,27,56,.78);
  box-shadow:inset 0 0 18px rgba(27,109,212,.06);
  box-sizing:border-box;
}
#modalAgenda .agenda35-buscador:focus-within{
  border-color:var(--agenda-cyan);
  box-shadow:0 0 0 3px rgba(53,215,255,.08),inset 0 0 22px rgba(29,126,226,.1);
}
#modalAgenda .agenda35-buscador>span{color:#56cfff;font-size:25px;line-height:1}
#modalAgenda .agenda35-buscador input{
  min-width:0;
  width:100%;
  height:100%;
  border:0;
  outline:0;
  color:#f5fbff;
  background:transparent;
  font:600 14px/1.2 inherit;
}
#modalAgenda .agenda35-buscador input::placeholder{color:#7f9ab8}
#modalAgenda .agenda35-toolbar select{
  width:100%;
  height:52px;
  padding:0 38px 0 15px;
  color:#eaf6ff;
  border:1px solid rgba(62,158,255,.42);
  border-radius:14px;
  outline:0;
  background-color:rgba(6,27,56,.86);
  font:700 13px/1.2 inherit;
  cursor:pointer;
}
#modalAgenda .agenda35-toolbar option{color:#10213a;background:#fff}
#modalAgenda .agenda35-total{
  min-width:130px;
  height:48px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#dff9ff;
  border:1px solid rgba(60,212,255,.42);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(13,114,181,.27),rgba(22,79,159,.26));
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  box-sizing:border-box;
}

#modalAgenda .agenda36-proyectos-vista{
  min-width:0;
  min-height:0;
  padding:18px 22px 22px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:14px;
  overflow:hidden;
  box-sizing:border-box;
}
#modalAgenda .agenda36-proyectos-cabecera{
  min-height:84px;
  padding:13px 18px;
  display:grid;
  grid-template-columns:55px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  border:1px solid rgba(58,174,255,.38);
  border-radius:17px;
  background:linear-gradient(120deg,rgba(7,37,76,.9),rgba(5,24,52,.76));
  box-shadow:inset 0 0 28px rgba(32,125,224,.07),0 14px 35px rgba(0,0,0,.12);
  box-sizing:border-box;
}
#modalAgenda .agenda36-proyectos-icono{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  color:#54d9ff;
  border:1px solid rgba(71,207,255,.6);
  border-radius:14px;
  background:rgba(10,91,157,.28);
  box-shadow:0 0 22px rgba(44,187,244,.1);
  font-size:27px;
}
#modalAgenda .agenda36-proyectos-cabecera>span:nth-child(2){min-width:0}
#modalAgenda .agenda36-proyectos-cabecera small{color:#57cfff;font-size:9px;font-weight:900;letter-spacing:.14em}
#modalAgenda .agenda36-proyectos-cabecera h3{margin:3px 0 2px;color:#fff;font-size:20px;line-height:1.1}
#modalAgenda .agenda36-proyectos-cabecera p{margin:0;color:#8da9c7;font-size:11px}
#modalAgenda .agenda36-proyectos-total{
  min-width:118px;
  height:40px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ddf9ff;
  border:1px solid rgba(68,206,255,.48);
  border-radius:999px;
  background:rgba(10,91,157,.24);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
#modalAgenda .agenda36-proyectos-grid{
  min-height:0;
  padding:3px 4px 12px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
  align-content:start;
  gap:14px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#2278c7 rgba(4,17,37,.5);
}
#modalAgenda .agenda36-proyectos-grid::-webkit-scrollbar{width:8px}
#modalAgenda .agenda36-proyectos-grid::-webkit-scrollbar-thumb{background:#2278c7;border-radius:99px}
#modalAgenda .agenda36-proyecto-card{
  position:relative;
  min-width:0;
  min-height:238px;
  padding:0;
  overflow:hidden;
  color:#fff;
  text-align:left;
  border:1px solid rgba(54,157,255,.37);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,32,66,.95),rgba(3,15,34,.96));
  box-shadow:0 13px 32px rgba(0,0,0,.18),inset 0 0 25px rgba(20,106,202,.05);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#modalAgenda .agenda36-proyecto-card:hover{
  transform:translateY(-3px);
  border-color:rgba(74,220,255,.9);
  box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 24px rgba(43,190,248,.12);
}
#modalAgenda .agenda36-proyecto-imagen{
  position:relative;
  height:162px;
  overflow:hidden;
  background:linear-gradient(145deg,#092755,#06152f);
}
#modalAgenda .agenda36-proyecto-imagen::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:58%;
  background:linear-gradient(transparent,rgba(2,12,29,.88));
  pointer-events:none;
}
#modalAgenda .agenda36-proyecto-imagen img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
#modalAgenda .agenda36-proyecto-todos-con-logo .agenda36-proyecto-imagen img{object-fit:contain;padding:14px;box-sizing:border-box;background:rgba(255,255,255,.96)}
#modalAgenda .agenda36-proyecto-badge{
  position:absolute;
  z-index:2;
  top:11px;
  right:11px;
  min-width:70px;
  padding:6px 9px;
  color:#dbf9ff;
  border:1px solid rgba(72,213,255,.58);
  border-radius:999px;
  background:rgba(3,29,58,.86);
  font-size:8px;
  font-weight:900;
  text-align:center;
  letter-spacing:.06em;
}
#modalAgenda .agenda36-proyecto-info{padding:12px 14px 14px;display:grid;gap:5px}
#modalAgenda .agenda36-proyecto-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}
#modalAgenda .agenda36-proyecto-info span{color:#7fcfff;font-size:10px;font-weight:800}
#modalAgenda .agenda36-proyecto-info small{color:#7996b7;font-size:9px;line-height:1.35}
#modalAgenda .agenda36-proyecto-card-sin-personal .agenda36-proyecto-badge{color:#ffd18a;border-color:rgba(255,187,81,.48)}

#modalAgenda .agenda35-contenido{
  min-height:0;
  padding:16px 20px 20px;
  display:grid;
  grid-template-columns:minmax(530px,58%) minmax(360px,42%);
  gap:15px;
  box-sizing:border-box;
  overflow:hidden;
}
#modalAgenda .agenda35-listado-panel,
#modalAgenda .agenda35-detalle{
  min-width:0;
  min-height:0;
  border:1px solid var(--agenda-linea);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,22,48,.89),rgba(3,13,31,.93));
  box-shadow:inset 0 0 32px rgba(22,100,192,.055),0 14px 38px rgba(0,0,0,.14);
  overflow:hidden;
}
#modalAgenda .agenda35-listado-panel{
  display:grid;
  grid-template-rows:48px minmax(0,1fr) 44px;
}
#modalAgenda .agenda35-tabla-cabecera,
#modalAgenda .agenda35-fila{
  display:grid;
  grid-template-columns:64px minmax(165px,1.35fr) minmax(130px,.78fr) minmax(140px,.92fr);
  align-items:center;
  column-gap:12px;
}
#modalAgenda .agenda35-tabla-cabecera{
  padding:0 15px;
  color:#6ebfff;
  border-bottom:1px solid rgba(58,154,255,.32);
  background:rgba(7,31,65,.78);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#modalAgenda .agenda35-lista{
  min-height:0;
  padding:6px 8px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#2278c7 rgba(4,17,37,.5);
}
#modalAgenda .agenda35-lista::-webkit-scrollbar{width:8px}
#modalAgenda .agenda35-lista::-webkit-scrollbar-thumb{background:#2278c7;border-radius:99px}
#modalAgenda .agenda35-fila{
  position:relative;
  width:100%;
  min-height:66px;
  margin:0 0 5px;
  padding:7px 14px;
  color:var(--agenda-texto);
  text-align:left;
  border:1px solid transparent;
  border-radius:13px;
  background:rgba(8,28,56,.45);
  box-sizing:border-box;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
#modalAgenda .agenda35-fila:hover{
  transform:translateX(2px);
  border-color:rgba(54,166,255,.37);
  background:rgba(12,48,91,.66);
}
#modalAgenda .agenda35-fila[aria-selected="true"]{
  border-color:rgba(60,213,255,.87);
  background:linear-gradient(90deg,rgba(14,127,202,.34),rgba(13,60,119,.62));
  box-shadow:inset 4px 0 0 var(--agenda-cyan),0 0 20px rgba(29,177,244,.11);
}
#modalAgenda .agenda35-miniatura{
  width:47px;
  height:47px;
  display:block;
  object-fit:cover;
  object-position:center top;
  border:2px solid rgba(77,195,255,.62);
  border-radius:50%;
  background:#092347;
  box-shadow:0 0 15px rgba(37,165,241,.12);
}
#modalAgenda .agenda35-celda{min-width:0;display:grid;gap:3px}
#modalAgenda .agenda35-celda strong,
#modalAgenda .agenda35-celda span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#modalAgenda .agenda35-celda strong{font-size:13px;color:#f8fcff}
#modalAgenda .agenda35-celda small{font-size:10px;color:#7996b6}
#modalAgenda .agenda35-telefono{color:#cfeeff;font-size:12px;font-weight:800}
#modalAgenda .agenda35-restringido{color:#d7a85d;font-size:11px;font-weight:700}
#modalAgenda .agenda35-departamento{color:#a8c5e4;font-size:11px;font-weight:700}
#modalAgenda .agenda35-paginacion{
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#7797b9;
  border-top:1px solid rgba(51,142,235,.22);
  background:rgba(3,16,37,.82);
  font-size:10px;
}
#modalAgenda .agenda35-cargar-mas{
  height:30px;
  padding:0 14px;
  color:#e7faff;
  border:1px solid rgba(55,198,255,.55);
  border-radius:9px;
  background:rgba(10,101,171,.28);
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
#modalAgenda .agenda35-cargar-mas.oculto{display:none}
#modalAgenda .agenda35-estado{
  min-height:100%;
  padding:30px;
  display:grid;
  place-items:center;
  color:#9db5d1;
  text-align:center;
  font-size:13px;
  box-sizing:border-box;
}

#modalAgenda .agenda35-detalle{
  position:relative;
  isolation:isolate;
  padding:22px;
  overflow:auto;
}
#modalAgenda .agenda35-marca-agua{
  position:absolute;
  z-index:-1;
  left:50%;
  top:54%;
  width:min(66%,410px);
  height:min(66%,410px);
  object-fit:contain;
  transform:translate(-50%,-50%);
  opacity:.085;
  filter:saturate(.75);
  pointer-events:none;
  user-select:none;
}
#modalAgenda .agenda35-marca-agua:not([src]),
#modalAgenda .agenda35-marca-agua[src=""]{display:none}
#modalAgenda .agenda35-detalle-contenido{position:relative;z-index:1;min-height:100%}
#modalAgenda .agenda35-sin-seleccion{
  min-height:100%;
  padding:40px;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  box-sizing:border-box;
}
#modalAgenda .agenda35-sin-seleccion>span{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  color:#5ccfff;
  border:1px solid rgba(61,200,255,.5);
  border-radius:50%;
  background:rgba(8,74,128,.25);
  box-shadow:0 0 32px rgba(38,179,243,.12);
  font-size:38px;
}
#modalAgenda .agenda35-sin-seleccion h3{margin:17px 0 7px;font-size:21px}
#modalAgenda .agenda35-sin-seleccion p{max-width:350px;margin:0;color:#91aac5;font-size:12px;line-height:1.55}
#modalAgenda .agenda35-perfil-cabecera{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(55,153,247,.27);
}
#modalAgenda .agenda35-foto-grande{
  width:112px;
  height:112px;
  display:block;
  object-fit:cover;
  object-position:center top;
  border:3px solid rgba(76,208,255,.82);
  border-radius:50%;
  background:#082249;
  box-shadow:0 0 0 6px rgba(38,148,236,.08),0 0 32px rgba(38,180,244,.16);
}
#modalAgenda .agenda35-perfil-identidad{min-width:0}
#modalAgenda .agenda35-perfil-identidad small{
  color:#56cfff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#modalAgenda .agenda35-perfil-identidad h3{
  margin:7px 0 5px;
  color:#fff;
  font-size:clamp(22px,2vw,31px);
  line-height:1.06;
  overflow-wrap:anywhere;
}
#modalAgenda .agenda35-perfil-identidad p{margin:0;color:#a8c5e5;font-size:13px;font-weight:700}
#modalAgenda .agenda35-acciones{
  margin:17px 0 19px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#modalAgenda .agenda35-accion{
  min-height:50px;
  padding:7px 5px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  color:#eafaff;
  text-decoration:none;
  border:1px solid rgba(60,180,255,.43);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(10,80,147,.42),rgba(5,36,78,.66));
  cursor:pointer;
  box-sizing:border-box;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
#modalAgenda .agenda35-accion:hover{
  transform:translateY(-1px);
  border-color:#46d7ff;
  background:linear-gradient(145deg,rgba(14,120,196,.55),rgba(7,55,111,.75));
}
#modalAgenda .agenda35-accion span{font-size:17px}
#modalAgenda .agenda35-accion b{font-size:9px;letter-spacing:.03em}
#modalAgenda .agenda35-datos{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
#modalAgenda .agenda35-dato{
  min-width:0;
  min-height:68px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  align-items:center;
  gap:9px;
  border:1px solid rgba(49,142,235,.25);
  border-radius:12px;
  background:rgba(4,25,53,.57);
  box-sizing:border-box;
}
#modalAgenda .agenda35-dato-icono{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  color:#56d4ff;
  border-radius:9px;
  background:rgba(17,115,184,.22);
  font-size:15px;
}
#modalAgenda .agenda35-dato-texto{min-width:0;display:grid;gap:4px}
#modalAgenda .agenda35-dato-texto small{
  color:#718eaf;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#modalAgenda .agenda35-dato-texto strong{
  min-width:0;
  color:#eaf5ff;
  font-size:11px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
#modalAgenda .agenda35-dato-restringido .agenda35-dato-texto strong{color:#d6a861}
#modalAgenda .agenda35-dato-ancho{grid-column:1/-1}
#modalAgenda .agenda35-volver-lista{display:none}
#modalAgenda .agenda35-resumen-accesible{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}

@media(max-width:1050px){
  #modalAgenda .agenda35-header{padding-inline:20px;gap:14px}
  #modalAgenda .agenda35-empresa{min-width:200px;max-width:280px}
  #modalAgenda .agenda35-volver{min-width:112px;padding-inline:15px}
  #modalAgenda .agenda35-toolbar{grid-template-columns:1fr;gap:9px;padding:10px 16px}
  #modalAgenda .agenda36-ruta-proyecto{min-height:62px;grid-template-columns:auto 46px minmax(0,1fr)}
  #modalAgenda .agenda36-proyecto-miniatura{width:44px;height:44px}
  #modalAgenda .agenda36-filtros-contactos{grid-template-columns:minmax(260px,1fr) minmax(150px,200px) minmax(145px,190px) auto}
  #modalAgenda .agenda35-contenido{grid-template-columns:minmax(480px,56%) minmax(320px,44%);padding-inline:14px}
  #modalAgenda .agenda35-tabla-cabecera,
  #modalAgenda .agenda35-fila{grid-template-columns:58px minmax(155px,1.3fr) minmax(120px,.8fr) minmax(120px,.9fr);column-gap:8px}
  #modalAgenda .agenda35-detalle{padding:17px}
  #modalAgenda .agenda35-datos{grid-template-columns:1fr}
  #modalAgenda .agenda35-dato-ancho{grid-column:auto}
}

@media(max-width:820px){
  #modalAgenda{overflow:auto!important}
  #modalAgenda .agenda35-shell{min-height:100dvh;height:100dvh;grid-template-rows:auto auto minmax(0,1fr)}
  #modalAgenda .agenda35-header{min-height:82px;padding:11px 13px}
  #modalAgenda .agenda35-titulo h2{font-size:20px;gap:7px}
  #modalAgenda .agenda35-titulo p{font-size:10px}
  #modalAgenda .agenda35-empresa{min-width:0;width:auto;height:54px;padding:5px 8px}
  #modalAgenda .agenda35-logo-caja{width:42px;height:42px;flex-basis:42px}
  #modalAgenda .agenda35-empresa-texto{display:none}
  #modalAgenda .agenda35-volver{width:50px;min-width:50px;height:50px;padding:0;border-radius:13px}
  #modalAgenda .agenda35-volver b{display:none}
  #modalAgenda .agenda35-toolbar{min-height:0;padding:9px 11px;grid-template-columns:1fr;gap:8px}
  #modalAgenda .agenda36-ruta-proyecto{min-height:58px;grid-template-columns:auto 43px minmax(0,1fr);padding:6px 8px}
  #modalAgenda .agenda36-volver-proyectos{height:39px;padding-inline:10px}
  #modalAgenda .agenda36-proyecto-miniatura{width:41px;height:41px}
  #modalAgenda .agenda36-filtros-contactos{grid-template-columns:1fr 1fr auto;gap:7px}
  #modalAgenda .agenda35-buscador{grid-column:1/-1;height:48px}
  #modalAgenda .agenda35-toolbar select{height:44px;padding-left:10px;font-size:11px}
  #modalAgenda .agenda35-total{height:42px;min-width:105px;padding-inline:10px;font-size:11px}
  #modalAgenda .agenda36-proyectos-vista{padding:10px 11px 13px;gap:10px}
  #modalAgenda .agenda36-proyectos-cabecera{min-height:72px;padding:10px 12px;grid-template-columns:46px minmax(0,1fr) auto;gap:10px}
  #modalAgenda .agenda36-proyectos-icono{width:44px;height:44px;font-size:23px}
  #modalAgenda .agenda36-proyectos-cabecera h3{font-size:17px}
  #modalAgenda .agenda36-proyectos-cabecera p{font-size:9px}
  #modalAgenda .agenda36-proyectos-total{min-width:98px;height:36px;padding-inline:10px;font-size:9px}
  #modalAgenda .agenda36-proyectos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
  #modalAgenda .agenda36-proyecto-card{min-height:214px}
  #modalAgenda .agenda36-proyecto-imagen{height:142px}
  #modalAgenda .agenda35-contenido{padding:9px;display:block;overflow:hidden}
  #modalAgenda .agenda35-listado-panel,
  #modalAgenda .agenda35-detalle{height:100%;border-radius:15px}
  #modalAgenda .agenda35-listado-panel{grid-template-rows:40px minmax(0,1fr) 40px}
  #modalAgenda .agenda35-tabla-cabecera,
  #modalAgenda .agenda35-fila{grid-template-columns:55px minmax(130px,1.25fr) minmax(112px,.78fr);column-gap:8px}
  #modalAgenda .agenda35-tabla-cabecera span:last-child,
  #modalAgenda .agenda35-fila>.agenda35-departamento{display:none}
  #modalAgenda .agenda35-detalle{display:none;padding:15px}
  #modalAgenda.agenda35-movil-detalle .agenda35-listado-panel{display:none}
  #modalAgenda.agenda35-movil-detalle .agenda35-detalle{display:block}
  #modalAgenda .agenda35-volver-lista{
    position:sticky;
    z-index:4;
    top:0;
    width:max-content;
    height:38px;
    margin:0 0 12px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    color:#dcf7ff;
    border:1px solid rgba(61,197,255,.55);
    border-radius:10px;
    background:rgba(5,66,121,.88);
    font-size:11px;
    font-weight:900;
    cursor:pointer;
  }
  #modalAgenda .agenda35-perfil-cabecera{grid-template-columns:92px minmax(0,1fr);gap:13px}
  #modalAgenda .agenda35-foto-grande{width:88px;height:88px}
  #modalAgenda .agenda35-perfil-identidad h3{font-size:23px}
  #modalAgenda .agenda35-datos{grid-template-columns:1fr 1fr}
  #modalAgenda .agenda35-dato-ancho{grid-column:1/-1}
}

@media(max-width:540px){
  #modalAgenda .agenda35-header{min-height:74px}
  #modalAgenda .agenda35-titulo h2{font-size:17px}
  #modalAgenda .agenda35-titulo p{max-width:215px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #modalAgenda .agenda35-empresa{border:0;background:transparent;padding:0}
  #modalAgenda .agenda35-logo-caja{width:38px;height:38px;flex-basis:38px}
  #modalAgenda .agenda35-volver{width:43px;min-width:43px;height:43px}
  #modalAgenda .agenda35-toolbar{grid-template-columns:1fr;min-height:0}
  #modalAgenda .agenda36-ruta-proyecto{grid-template-columns:auto 40px minmax(0,1fr)}
  #modalAgenda .agenda36-proyecto-miniatura{width:38px;height:38px}
  #modalAgenda .agenda36-proyecto-identidad span{display:none}
  #modalAgenda .agenda36-filtros-contactos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #modalAgenda .agenda35-total{grid-column:1/-1;width:100%}
  #modalAgenda .agenda36-proyectos-cabecera{grid-template-columns:42px minmax(0,1fr);padding:9px 10px}
  #modalAgenda .agenda36-proyectos-icono{width:40px;height:40px;font-size:21px}
  #modalAgenda .agenda36-proyectos-total{grid-column:1/-1;width:100%;height:32px}
  #modalAgenda .agenda36-proyectos-grid{grid-template-columns:1fr}
  #modalAgenda .agenda36-proyecto-card{min-height:205px}
  #modalAgenda .agenda36-proyecto-imagen{height:136px}
  #modalAgenda .agenda35-tabla-cabecera,
  #modalAgenda .agenda35-fila{grid-template-columns:50px minmax(105px,1fr) minmax(98px,.78fr);padding-inline:9px}
  #modalAgenda .agenda35-miniatura{width:42px;height:42px}
  #modalAgenda .agenda35-celda strong{font-size:12px}
  #modalAgenda .agenda35-telefono{font-size:11px}
  #modalAgenda .agenda35-paginacion>span{display:none}
  #modalAgenda .agenda35-paginacion{justify-content:center}
  #modalAgenda .agenda35-acciones{grid-template-columns:repeat(2,minmax(0,1fr))}
  #modalAgenda .agenda35-datos{grid-template-columns:1fr}
  #modalAgenda .agenda35-dato-ancho{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  #modalAgenda *{scroll-behavior:auto!important;transition:none!important}
}
