/* Negocio · mismo diseño que Arranque. Se carga solo en las páginas de Negocio.
   Cada bloque responde a una pregunta de quien visita: ¿qué hace?, ¿cómo trabaja?, ¿me fío?, ¿cómo pido cita?, ¿cómo llego? */

/* Cabecera: estado real del estudio en lugar de reloj y coordenadas */
.v-negocio .open-status{margin-right:auto;display:inline-flex;align-items:center;gap:9px;color:var(--grey);font-size:14px;line-height:1.2;white-space:nowrap}
.v-negocio .open-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grey);flex:none}
.v-negocio .open-status[data-open="true"]{color:var(--paper)}
.v-negocio .open-status[data-open="true"]::before{background:var(--signal)}
.v-negocio .open-status:empty{display:none}
/* en cabecera si cabe; si no, junto a la dirección en la portada */
.v-negocio .hero-status{display:none;margin-right:0}
@media(max-width:1279px){.v-negocio .header-status{display:none}.v-negocio .hero-status{display:inline-flex}.v-negocio .go-info .hero-status{justify-self:end}}

/* Portada: dirección, valoración y acción juntas */
.v-negocio .wall .go-info{display:grid;gap:10px;justify-items:end}
.v-negocio .wall .go-info .mono{color:var(--grey)}
.v-negocio .go .google-rating{min-height:32px;padding:0;color:var(--paper)}
@media(max-width:900px){.v-negocio .wall .go-info{justify-items:start}}

/* Trabajos: las fotos se ven enteras, sin recorte */
.v-negocio .works{padding-bottom:clamp(40px,5vw,72px)}
.v-negocio .works .chips{margin-bottom:clamp(24px,3vw,40px)}
.v-negocio .gal{display:block;columns:4;column-gap:var(--gut)}
.v-negocio .gal figure{break-inside:avoid;margin:0 0 clamp(24px,3vw,40px)}
.v-negocio .gal figure[hidden]{display:none}
.v-negocio .gal img{aspect-ratio:auto;height:auto;object-fit:contain;background:#131314}
.v-negocio .gal .work-wide img{object-fit:contain}
@media(max-width:1199px){.v-negocio .gal{columns:3}}
@media(max-width:900px){.v-negocio .gal{columns:2}}
@media(max-width:359px){.v-negocio .gal{columns:1}}

/* Camino: una nota, sin gráfico */
.v-negocio .camino-note{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px);border-top:1px solid var(--dim)}
.v-negocio .camino-note h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,32px)}
.v-negocio .camino-note p{max-width:62ch;margin:0 0 12px;font-size:18px}

/* Piercing: hoja de joyería con doble filete */
.v-negocio #piercing{border-top:1px solid var(--dim)}
.v-negocio .piercing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,5vw,80px);align-items:start}
.v-negocio .piercing-grid h2{margin-bottom:18px}
.v-negocio .piercing-grid p{max-width:46ch;margin:0 0 18px;color:#cfcfcb}
.v-negocio .flash{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--grey);box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 6px var(--dim)}
.v-negocio .flash li{display:grid;gap:5px;align-content:start;padding:26px 24px 24px;min-height:150px}
.v-negocio .flash li:nth-child(odd){border-right:1px solid var(--dim)}
.v-negocio .flash li:nth-child(n+3){border-top:1px solid var(--dim)}
.v-negocio .flash b{font:800 clamp(20px,1.9vw,26px)/1.05 Archivo;font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em}
.v-negocio .flash small{color:var(--grey);font-size:15px}
.v-negocio .flash .price{margin-top:auto;padding-top:14px;color:var(--signal);font:700 15px/1 Martian,monospace}
.v-negocio .flash-note{margin:14px 0 0;max-width:none}
@media(max-width:900px){.v-negocio .piercing-grid{grid-template-columns:1fr}}
@media(max-width:480px){.v-negocio .flash{grid-template-columns:1fr}.v-negocio .flash li:nth-child(odd){border-right:0}.v-negocio .flash li+li{border-top:1px solid var(--dim)}}

/* Reseñas: tres citas tranquilas, con la fuente a la vista */
.v-negocio .opinions{border-top:1px solid var(--dim)}
.v-negocio .opinions h2{font-size:clamp(22px,2.4vw,32px);margin-bottom:clamp(20px,2.6vw,32px)}
.v-negocio .opinion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.v-negocio .opinion-list blockquote{margin:0;display:grid;gap:14px;align-content:start}
.v-negocio .opinion-list p{margin:0;font:500 clamp(18px,1.5vw,21px)/1.4 Archivo;font-stretch:100%;text-wrap:pretty}
.v-negocio .opinion-list cite{font-style:normal;font-size:14px;color:var(--grey)}
@media(max-width:900px){.v-negocio .opinion-list{grid-template-columns:1fr}.v-negocio .opinion-list blockquote{padding-top:16px;border-top:1px solid var(--dim)}}

/* Preguntas */
.v-negocio #preguntas{border-top:1px solid var(--dim)}

/* Formulario: cómo funciona, en lista simple */
.v-negocio .how{margin:22px 0 0;padding:0 0 0 1.2em;max-width:42ch;font-size:16px;line-height:1.45}
.v-negocio .how li{margin:0 0 8px;padding-left:4px}
.v-negocio .how li::marker{font-weight:700}

/* Objetivos táctiles de al menos 44 px (referencia: Apple HIG / UI-UX Pro Max) */
.v-negocio .link,.v-negocio .tel,.v-negocio .brand,.v-negocio .direct-contact a,.v-negocio .foot li a{display:inline-flex;align-items:center;min-height:44px}
.v-negocio .link{padding-block:0}
.v-negocio .go .google-rating{min-height:44px}
.v-negocio .out .cta{min-height:44px}

/* Objetivos táctiles de al menos 44 px */
.v-negocio .location-map figcaption .link,.v-negocio .form-details summary{min-height:44px}
.v-negocio .form-details summary{display:flex;align-items:center}

/* Menú: 44 px de alto solo cuando se muestra (el display lo decide style.css) */
.v-negocio .menu{min-height:44px}
@media(min-width:901px){.v-negocio .top nav .cta{min-height:44px}}
@media(max-width:900px){.v-negocio .wall .go-info .hero-status{justify-self:start}}

/* Sara */
.v-negocio .about{border-top:1px solid var(--dim)}
.v-negocio .about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,112px);align-items:center}
.v-negocio .about-photo{aspect-ratio:4/5;max-height:72vh;margin:0}
.v-negocio .about-body h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,52px)}
.v-negocio .about-body .lead{max-width:26ch;margin:0 0 20px}
.v-negocio .about-body p:not(.lead){max-width:44ch;margin:0 0 18px;color:#cfcfcb}
@media(max-width:900px){.v-negocio .about-grid{grid-template-columns:1fr}.v-negocio .about-photo{aspect-ratio:4/3;max-height:56vh;margin:0}}

/* Índigo: el borde del letrero de la fachada. Solo líneas finas y sólidas, sin brillos ni degradados. */
.v-negocio{--neon-line:#3c3ea6;--neon-ink:#3638c8}
.v-negocio .top{border-bottom-color:var(--neon-line)}
.v-negocio .foot{border-top:1px solid var(--neon-line)}
.v-negocio .flash{border-color:var(--neon-line)}
.v-negocio .light :focus-visible{outline-color:var(--neon-ink)}
.v-negocio .light input:focus,.v-negocio .light textarea:focus,.v-negocio .light select:focus{border-color:var(--neon-ink);box-shadow:0 0 0 1px var(--neon-ink)}

/* Entre 901 y 1000 px la navegación cabe en una línea */
@media(min-width:901px) and (max-width:1000px){.v-negocio .top nav{gap:12px;font-size:12.5px}.v-negocio .top .cta{padding:0 11px}}


/* Negocio: hoja de joyería ancha (colección completa) */
.v-negocio .flash-wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));border:0;border-top:1px solid var(--grey);border-left:1px solid var(--dim);box-shadow:none}
.v-negocio .flash-wide li{min-height:140px;border:0;border-right:1px solid var(--dim);border-bottom:1px solid var(--dim)}
.v-negocio .flash-wide li:nth-child(odd){border-right:1px solid var(--dim)}
.v-negocio .flash-wide li:nth-child(n+3){border-top:0}
.v-negocio .group-h{margin:clamp(28px,4vw,48px) 0 14px;color:var(--grey)}
.v-negocio .group-h:first-of-type{margin-top:0}

/* El estudio: texto y foto en dos columnas */
.v-negocio .studio .about-photo{aspect-ratio:4/5;max-height:72vh}
@media(max-width:900px){.v-negocio .studio .about-photo{margin:0}}
.v-negocio .crumbs a{display:inline-flex;align-items:center;min-height:44px}
.v-negocio .closing-cta .cta-row{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}

/* Fuente y valoración global de Google: no atribuir estrellas a citas individuales. */
.v-negocio .review-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 32px;margin-bottom:clamp(24px,3vw,40px)}
.v-negocio .opinions .review-heading h2{margin:0}
.v-negocio .review-source{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--paper);text-decoration:none;font-weight:600;white-space:nowrap}
.v-negocio .review-source:hover{text-decoration:underline;text-underline-offset:4px}
.v-negocio .review-source img{width:24px;height:24px}
.v-negocio .review-stars{display:inline-flex;gap:3px}
.v-negocio .review-stars svg{width:18px;height:18px;fill:var(--signal)}