/* =========================================================================
   ACABADO · correcciones del agente qa-web (2026-09-15)
   ========================================================================= */

/* Red de seguridad del titular: una palabra larga o un   mal puesto no
   vuelve a desbordar la caja. El caso medido: 107 px de sobra a 320 px. */
.bloque__t, .hero__t, .declaracion__t, .respiro__frase, h1, h2, h3{
  overflow-wrap:break-word;
}

/* El doble toque hacia zoom se come el primer toque en algunos móviles. */
a, button, .boton, .enlace-cta, .marca, .saltar,
input, select, textarea, label{
  touch-action:manipulation;
}

/* El salto al contenido mueve el foco de verdad (main lleva tabindex="-1"),
   pero ahí el anillo no aporta nada: el destino es la página entera. */
main:focus{outline:none}

/* ---------- wordmark JB Yacht Refinish ---------- */
.marca{gap:.55em; letter-spacing:.2em}
.marca b{font-weight:400; color:var(--hueso); letter-spacing:.14em}
.marca span{color:var(--cinta); font-size:.78em; letter-spacing:.24em}
.pie__logo{display:flex; align-items:baseline; gap:.5em; flex-wrap:wrap}
.pie__logo b{font-weight:400}
.pie__logo span{font-size:.7em; letter-spacing:.24em}
@media (max-width: 26rem){
  .marca span{display:none}   /* en pantallas muy estrechas manda el monograma */
}

/* En móvil estrecho el wordmark se reduce a "JB" y quedaba en 20 px de ancho:
   por debajo del mínimo táctil de 44. */
.marca{min-width:44px}