/* app11 — Lo que trajo la lista, leído como ficha y no como párrafo. */

.de-la-lista{
  border:1px solid var(--bd);
  border-left:2px solid var(--or);
  background:var(--b2);
  padding:.85rem .9rem;
  margin:.9rem 0;
}
.de-la-lista h4{
  font-family:var(--fd); font-weight:400; font-size:.95rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--or); margin:0 0 .6rem;
}

.dl-grilla{ display:grid; grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr)); gap:.55rem .9rem; }

.dl-fila{ min-width:0; }
.dl-fila>span{
  display:block; font-size:.58rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--tx3); margin-bottom:.15rem;
}
.dl-fila>b{ display:block; font-size:.85rem; font-weight:600; overflow-wrap:anywhere; }
.dl-fila>small{ display:block; font-size:.62rem; color:var(--tx3); margin-top:.15rem; line-height:1.45; }
.dl-fila>b a{ color:var(--or); text-decoration:none; border-bottom:1px solid transparent; }
.dl-fila>b a:hover{ border-bottom-color:var(--or); }
.dl-fila>b a.tel-extra{
  font-size:.58rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--tx3); margin-left:.4rem; border-bottom:none;
}
.dl-fila>b a.tel-extra:hover{ color:var(--tx); }

/* El dato con el que se vende va más grande y en naranja. */
.dl-fila.fuerte>b{ font-family:var(--fd); font-weight:400; font-size:1.35rem; color:var(--or); letter-spacing:.02em; }

.dl-sueltos{ margin:.7rem 0 0; font-size:.72rem; color:var(--tx2); line-height:1.55; overflow-wrap:anywhere; }

.dl-crudo{ margin-top:.65rem; }
.dl-crudo summary{
  cursor:pointer; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; color:var(--tx3);
}
.dl-crudo summary:hover{ color:var(--tx2); }
.dl-crudo p{
  margin:.5rem 0 0; font-size:.7rem; color:var(--tx3); line-height:1.6;
  overflow-wrap:anywhere; white-space:pre-line;
}

/* La explicación de la lista, arriba de todo, para el que nunca la vio. */
.lista-explica{
  margin:.1rem 0 1rem; max-width:62ch; font-size:.8rem; line-height:1.65; color:var(--tx2);
  border-left:2px solid var(--bd2); padding-left:.75rem;
}

@media (max-width:560px){
  .dl-grilla{ grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr)); }
  .dl-fila.fuerte>b{ font-size:1.2rem; }
}

/* El aviso que dejamos al importar (homónimos, dos teléfonos para el mismo
   nombre). Va arriba de los datos porque es lo que evita escribirle dos veces
   a la misma persona. */
.dl-ojo{
  margin:0 0 .7rem; padding:.55rem .7rem;
  background:rgba(255,176,32,.1);
  border:1px solid rgba(255,176,32,.35);
  border-left:2px solid var(--medio);
  font-size:.74rem; line-height:1.55; color:var(--tx);
}
.dl-ojo::before{
  content:'Ojo'; display:block;
  font:800 .55rem var(--fb); letter-spacing:.16em; text-transform:uppercase;
  color:var(--medio); margin-bottom:.2rem;
}