/* Fold · MI WEB y la CONVERSACIÓN GUIADA (29/09/2026). Clases con prefijo propio (web-*, guiada-*):
   un nombre de clase que ya existía descoloca otros componentes sin dar ningún error. */
.guiada-items { list-style: none; margin: 0 0 1rem; padding: 0; }
.guiada-item { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; padding: .45rem 0; border-bottom: 1px solid var(--linea, rgba(127,127,127,.25)); }
.guiada-marca { width: .7rem; height: .7rem; border-radius: 2px; border: 2px solid currentColor; flex: 0 0 auto; }
.guiada-dado .guiada-marca { background: currentColor; }
.guiada-falta .guiada-estado, .guiada-falta_publicar .guiada-estado { font-weight: 600; }
.guiada-nombre { flex: 1 1 12rem; }
.guiada-estado { font-size: .9em; }
.guiada-valor { flex: 1 1 100%; }
.guiada-casillas { display: grid; gap: .35rem; margin: .4rem 0; }
.guiada-pregunta textarea, .guiada-pregunta input[type=text], .guiada-pregunta select { width: 100%; }
.web-direcciones { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); margin-bottom: 1rem; }
.web-direccion { border: 1px solid var(--linea, rgba(127,127,127,.35)); border-radius: 6px; padding: .8rem 1rem; }
.web-direccion.elegida { border-width: 2px; }
.web-muestra { vertical-align: middle; }
.web-imagenes, .web-cambios { list-style: none; margin: 0 0 1rem; padding: 0; }
.web-imagenes li, .web-cambios li { padding: .4rem 0; border-bottom: 1px solid var(--linea, rgba(127,127,127,.25)); }
.web-sin-leer { font-weight: 600; }
button.enlace-discreto:active, .web-direccion button:active { opacity: .7; }