/* ==========================================================
   CERCA FEATURE — CONTACTOS
   Sólo estilos propios de Contactos.
   Fuente: src/features/contactos/contactos.css
   ========================================================== */

#view-contactos-emergencia .mr2-quick{
  margin-top:12px;

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

#view-contactos-emergencia .mr2-quick button{
  min-width:0;
  min-height:70px;
  padding:9px;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;

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

  background:
    linear-gradient(
      145deg,
      rgba(11,24,39,.90),
      rgba(5,12,21,.96)
    );

  color:#dceaf1;
}

#view-contactos-emergencia .mr2-quick .material-icons-round{
  color:#6cdfee;
  font-size:19px;
}

#view-contactos-emergencia .mr2-quick span:last-child{
  font-size:9px;
  font-weight:850;
}

#view-contactos-emergencia .mr2-form-card,
#view-contactos-emergencia .mr2-list-card{
  margin-top:12px;
  padding:14px;

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

  background:
    linear-gradient(
      145deg,
      rgba(9,21,35,.91),
      rgba(4,10,18,.97)
    );
}

#view-contactos-emergencia .mr2-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;

  margin-bottom:10px;
}

#view-contactos-emergencia .mr2-section-head small{
  display:block;

  color:#647e8d;
  font-size:8px;
  font-weight:950;
  letter-spacing:.11em;
}

#view-contactos-emergencia .mr2-section-head strong{
  display:block;
  margin-top:2px;

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

#view-contactos-emergencia .mr2-form{
  display:grid;
  gap:9px;
}

#view-contactos-emergencia .mr2-field{
  min-width:0;
}

#view-contactos-emergencia .mr2-field label{
  display:block;
  margin:0 0 5px 2px;

  color:#6d8492;
  font-size:9px;
  font-weight:800;
}

#view-contactos-emergencia .mr2-field input,
#view-contactos-emergencia .mr2-field select{
  width:100%;
  min-width:0;
  min-height:46px;
  padding:0 12px;

  outline:0;

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

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

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

#view-contactos-emergencia .mr2-field select option{
  color:#111827;
}

#view-contactos-emergencia #btnGuardarNuevoContacto{
  min-height:48px;
  margin-top:2px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  border:0;
  border-radius:15px;

  background:
    linear-gradient(
      135deg,
      #4de4ff,
      #58b8ee
    );

  color:#021019;
  font-size:11px;
  font-weight:950;
}

#view-contactos-emergencia #btnGuardarNuevoContacto .material-icons-round{
  font-size:18px;
}

#view-contactos-emergencia #listaContactosConfianza{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}

#view-contactos-emergencia #listaContactosConfianza > .card-alert{
  margin:0!important;
  padding:12px!important;

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

  background:
    linear-gradient(
      145deg,
      rgba(12,25,40,.90),
      rgba(5,12,21,.97)
    )!important;

  box-shadow:none!important;
}

#view-contactos-emergencia #listaContactosConfianza > p{
  margin:0!important;
  padding:18px 10px!important;

  border-radius:15px;

  background:rgba(255,255,255,.016);

  color:#6f8794!important;
}

@media (max-width:360px){
#view-contactos-emergencia .mr2-quick{
    grid-template-columns:1fr;
  }
}

#view-contactos-emergencia .mr2-list-card{
  margin-bottom:42px!important;
}

#view-contactos-emergencia #listaContactosConfianza{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

#view-contactos-emergencia #listaContactosConfianza > *{
  flex:none!important;
  min-height:0!important;
}