/* ==========================================================
   CERCA FEATURE — DIRECTORIO
   Sólo estilos propios de Directorio.
   Fuente: src/features/directorio/directorio.css
   ========================================================== */

#view-directorio-emergencia .dir2-search{
  min-height:49px;
  margin-top:12px;
  padding:0 12px;

  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:8px;
  align-items:center;

  border:1px solid rgba(145,196,220,.085);
  border-radius:16px;

  background:rgba(255,255,255,.022);
}

#view-directorio-emergencia .dir2-search .material-icons-round{
  color:#5d7c8b;
  font-size:19px;
}

#view-directorio-emergencia .dir2-search input{
  width:100%;
  min-width:0;

  border:0;
  outline:0;

  background:transparent;

  color:#edf8fc;
  font-size:12px;
}

#view-directorio-emergencia .dir2-emergency-center{
  width:100%;
  min-height:74px;
  margin-top:12px;
  padding:12px;

  display:grid;
  grid-template-columns:42px minmax(0,1fr) 20px;
  gap:10px;
  align-items:center;

  text-align:left;

  border:1px solid rgba(255,97,124,.12);
  border-radius:18px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255,97,124,.08),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(17,24,38,.94),
      rgba(6,11,20,.98)
    );

  color:#eff8fc;
}

#view-directorio-emergencia .dir2-emergency-center > .material-icons-round:first-child{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:rgba(255,97,124,.075);
  color:#ff6b84;
}

#view-directorio-emergencia .dir2-emergency-center strong{
  display:block;

  font-size:12px;
  font-weight:900;
}

#view-directorio-emergencia .dir2-emergency-center small{
  display:block;
  margin-top:3px;

  color:#748b98;
  font-size:9px;
  line-height:1.3;
}

#view-directorio-emergencia .dir2-grid{
  margin-top:12px;

  display:grid;
  gap:8px;
}

#view-directorio-emergencia .dir2-item{
  min-width:0;
  min-height:82px;
  padding:11px;

  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;

  border:1px solid rgba(145,196,220,.075);
  border-radius:18px;

  background:
    linear-gradient(
      145deg,
      rgba(10,22,36,.91),
      rgba(4,10,19,.97)
    );
}

#view-directorio-emergencia .dir2-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:rgba(77,228,255,.07);

  color:#68deee;
}

#view-directorio-emergencia .dir2-icon.red{
  background:rgba(255,97,124,.075);
  color:#ff6b84;
}

#view-directorio-emergencia .dir2-icon.amber{
  background:rgba(255,200,97,.075);
  color:#ffd171;
}

#view-directorio-emergencia .dir2-copy{
  min-width:0;
}

#view-directorio-emergencia .dir2-copy strong{
  display:block;

  color:#edf8fc;
  font-size:12px;
  font-weight:900;
}

#view-directorio-emergencia .dir2-copy small{
  display:block;
  margin-top:3px;

  color:#718895;
  font-size:9px;
  line-height:1.3;
}

#view-directorio-emergencia .dir2-call{
  min-height:36px;
  padding:0 10px;

  display:flex;
  align-items:center;
  gap:5px;

  border-radius:12px;

  text-decoration:none;

  background:rgba(77,228,255,.075);
  color:#72e4f3;

  font-size:10px;
  font-weight:900;
}

#view-directorio-emergencia .dir2-call.red{
  background:rgba(255,97,124,.09);
  color:#ff7188;
}

#view-directorio-emergencia .dir2-call.amber{
  background:rgba(255,200,97,.08);
  color:#ffd174;
}

#view-directorio-emergencia .dir2-footer{
  margin-top:16px;
  padding:12px;

  border-top:1px solid rgba(145,196,220,.06);

  color:#5e7785;
  font-size:9px;
  line-height:1.45;
}

#view-directorio-emergencia .dir2-footer{
  margin-bottom:42px!important;
}