/* ============================================================
   171.ª (09/09/2026) · LA PÁGINA PERSONALIZADA DE LA EMPRESA
   ------------------------------------------------------------
   Lo que negocio.php necesita SOLO cuando la empresa configuró pestañas
   (o cuando un servicio tiene foto o galería). Va en un archivo aparte y
   no en el <style> de siempre de negocio.php a propósito: ese <style> lo
   reciben las 165 páginas «de fábrica», y una regla de más ahí es un byte
   de más en un HTML que tiene que seguir siendo el de ayer. Este archivo
   solo se enlaza cuando hace falta.
   ============================================================ */

/* El nombre de la empresa, cuando la cabecera enseña SOLO el logo: sigue
   en el HTML para el lector de pantalla y para Google, pero no se ve. Es el
   patrón «visually hidden» de siempre; `clip` y `clip-path` a la vez para
   navegadores viejos y nuevos. */
.sp-h1-oculto{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sp-solo-logo .sp-titulos{padding-top:.35rem}

/* La casita de Inicio en la barra de pestañas. Mismo alto que una pestaña
   con texto para que la línea de abajo (la que marca la activa) no baile. */
.sp-tab.sp-tab-inicio{display:inline-flex;align-items:center;justify-content:center;padding-left:.85rem;padding-right:.85rem;min-width:44px}
.sp-tab.sp-tab-inicio svg{display:block}

/* ── La pestaña Empresa: la ficha breve ── */
.sp-empresa{margin:0 0 1.2rem}
.sp-empresa .biz-desc{margin:.4rem 0 .8rem}
.sp-empresa-datos{list-style:none;margin:.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.35rem 1rem}
.sp-empresa-datos li{display:flex;gap:.55rem;align-items:baseline;font-size:.9rem;min-width:0}
.sp-empresa-datos li span{color:var(--dim,#64748b);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;flex:0 0 auto}
.sp-empresa-datos li b,.sp-empresa-datos li a{font-weight:600;overflow-wrap:anywhere}
.sp-oscuro .sp-empresa-datos li span{color:#94a3b8}

/* ── Servicios con FOTO en vez de icono, y su galería ── */
.svw-ico.svw-foto{overflow:hidden;background:#f3f7fb}
.svw-ico.svw-foto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.svw-gal{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.2rem}
.svw-gal a{display:block;width:46px;height:46px;border-radius:8px;overflow:hidden;border:1px solid var(--line,#dce5ea);background:#f4f8fb;cursor:zoom-in}
.svw-gal a img{width:100%;height:100%;object-fit:cover;display:block}
.svw-gal .svw-gal-mas{display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#55677c;text-decoration:none;cursor:pointer}
.sp-oscuro .svw-gal a{border-color:#2c3a56;background:#1e2b47}
/* El visor reutiliza .biz-gal-visor (negocio.php); aquí solo el pie. */
.biz-gal-visor .pie small{display:block;opacity:.75}