/* Ergänzungen der App zu NWs estilos.css + directorio.css (diese beiden bleiben unverändert).
   Nur Elemente, die es im Entwurf nicht gab: Fließtext der Altseite, Kontakt sichtbar,
   Hinweise, Honigtopf, Abmelden. */

.trampa{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}

.salir{display:inline; margin:0}
.salir button{background:none; border:0; padding:0; font:inherit; color:var(--leise); font-size:.93rem; font-weight:600; cursor:pointer}
.salir button:hover{color:var(--tief)}

.sub-h{font-size:clamp(1.2rem,2vw,1.5rem); margin:0 0 16px}
.sub-h + .municipios{margin-bottom:36px}

/* Kontakt nach Anmeldung */
.visible{margin:18px 0; display:grid}
.visible div{display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; padding:10px 0; border-bottom:1px solid var(--linie)}
.visible dt{color:var(--leise); margin:0}
.visible dd{margin:0; font-weight:600; color:var(--tief); overflow-wrap:anywhere}
.visible a{color:var(--zweit)}

/* Anmeldedialog: Statuszeile */
.acceso__estado{min-height:1.4em; margin:12px 0 0; font-size:.9rem; color:var(--leise)}
.acceso__estado[data-ok="true"]{color:var(--ok); font-weight:600}
.acceso__estado[data-ok="false"]{color:var(--fehler)}

.aviso-ok,.aviso-error,.aviso-todo{border-radius:8px; padding:12px 14px; font-size:.92rem; margin:0 0 16px}
.aviso-ok{background:#e3f1ea; color:var(--ok)}
.aviso-error{background:#fbe9e7; color:var(--fehler)}
.aviso-todo{background:#fff6d1; color:var(--tief); border-left:3px solid var(--akzent)}

/* „próximamente“ */
.pronto{margin-top:20px; background:var(--flaeche); border:1px solid var(--linie); border-left:4px solid var(--akzent); border-radius:8px; padding:16px 18px; max-width:70ch}
.pronto p{margin:0}
.pronto__enlaces{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px !important}

/* Fließtext aus der Altseite */
.texto-alt{max-width:78ch}
.texto-alt h1{margin-bottom:14px}
.texto-alt h2{font-size:clamp(1.25rem,2.2vw,1.6rem); margin:34px 0 10px}
.texto-alt h3{font-size:1.1rem; margin:24px 0 8px}
.texto-alt p,.texto-alt li{color:var(--text); line-height:1.65}
.texto-alt ul,.texto-alt ol{padding-left:22px}
.texto-alt img{max-width:100%; height:auto; border-radius:8px; margin:12px 0; display:block}
.texto-alt figure{margin:16px 0}
.texto-alt table{border-collapse:collapse; width:100%; display:block; overflow-x:auto; font-size:.93rem}
.texto-alt th,.texto-alt td{border-bottom:1px solid var(--linie); padding:8px 10px; text-align:left; vertical-align:top}
.texto-alt a{color:var(--zweit)}
.texto-alt blockquote{margin:16px 0; padding-left:14px; border-left:3px solid var(--linie); color:var(--leise)}

/* lange Firmennamen und Registercodes dürfen nicht über den Rand laufen */
.empresa h3,.parecidas b,.encabezado-servicio h1{overflow-wrap:anywhere}
.empresa__meta code{white-space:nowrap}

/* Google „fuente preferida“ wie auf baratodo (#1699) */
.pie a.fuente-pref{display:inline-flex; align-items:center; gap:6px; margin-top:14px; padding:7px 12px; border:1px solid var(--linie); border-radius:999px; font-size:13px; font-weight:600; text-decoration:none; color:inherit}
.pie a.fuente-pref svg{color:var(--akzent); flex:none}
.pie a.fuente-pref:hover{border-color:currentColor}

/* Monogrammfarben für Gewerke, die directorio-v2.css nicht kennt */
.monograma[data-g="alta-tension"]{background:#5b4a8a}
.monograma[data-g="ascensores"]{background:#4a6b5d}
.monograma[data-g="equipos-a-presion"]{background:#6b5a3e}
.monograma[data-g="productos-petroliferos"]{background:#7a4b3a}
.monograma[data-g="gruas"]{background:#5d6470}

.filtros__form fieldset{border:0; padding:0; margin:0}

/* Opiniones: Markup und Stil von NW (directorio-v2.css), hier nur das Formular */
.opinar{margin-top:22px}
.estrellas-wahl,.tags-wahl{border:0; padding:0; margin:0 0 14px; display:flex; flex-wrap:wrap; gap:8px 14px}
.estrellas-wahl legend,.tags-wahl legend{font-weight:700; font-size:.86rem; color:var(--tief); margin-bottom:6px; width:100%}
.tags-wahl label.neg{color:var(--fehler)}
.opi-admin{border-bottom:1px solid var(--linie); padding:12px 0}