* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--texto); font-family: var(--fuente-principal); word-spacing: .025em; }
body.menu-abierto { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
.iconos-svg { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.contenedor { width: min(var(--ancho), calc(100% - 160px)); margin-inline: auto; }
.boton { min-height: 56px; padding: 0 27px; border: 1px solid transparent; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; font: 700 16px var(--fuente-titulos); word-spacing: .04em; transition: color .22s ease, transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
.boton svg { width: 23px; height: 23px; stroke-width: 2.2; }
.texto-boton { min-width: 0; line-height: 1.25; text-align: center; white-space: nowrap; }
.boton:hover { transform: translateY(-2px); }
.boton:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #70d8c4; outline-offset: 3px; }
/* =========================================================
   CORRECCIÓN RESPONSIVE GLOBAL 07-08-2026
   Evita desplazamiento horizontal en móviles y tablets.
   ========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  position: relative;
}

.encabezado,
.menu-envuelto,
main,
footer,
section {
  max-width: 100%;
}

.panel-contacto {
  max-width: 100vw;
}
@media (max-width: 720px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .menu-principal,
  .contenedor,
  .footer-contenido,
  .footer-inferior-contenido,
  .hoja-reclamacion {
    max-width: 100% !important;
  }
}


/* V65 · miga de pan compacta para páginas internas sin banner propio */
.miga-compacta-global{
  width:100%;
  margin:0;
  background:#fbfdfc;
  border-top:1px solid #edf2f0;
  border-bottom:1px solid #e5ece9;
}
.miga-compacta-global .contenedor{
  min-height:50px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:#6a7c77;
  font:700 13px/1.3 "Nunito Sans",sans-serif;
}
.miga-compacta-global a{color:#075b50;text-decoration:none;font-weight:800;}
.miga-compacta-global span[aria-current="page"]{color:#6a7c77;}
.miga-compacta-global .miga-separador{color:#aab8b4;}
@media(max-width:760px){
  .miga-compacta-global .contenedor{min-height:44px;gap:7px;font-size:12px;}
}

/* =========================================================
   V66 · Miga de pan global unificada
   Misma composición visual aprobada en Contáctanos.
   ========================================================= */
.miga-global-unificada{
  position:relative;
  min-height:150px;
  padding:28px 0;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,58,53,.97),rgba(3,58,53,.80) 56%,rgba(3,58,53,.50)),
    url('../imagenes/fondos/miga-pan-gael.png') center/cover no-repeat;
}
.miga-global-unificada::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background:repeating-linear-gradient(135deg,transparent 0 20px,rgba(255,255,255,.14) 20px 21px);
}
.miga-global-unificada .contenedor{
  position:relative;
  z-index:1;
  width:min(1210px,calc(100% - 48px));
  margin:0 auto;
}
.miga-global-unificada .miga-titulo{
  margin:0 0 12px;
  color:#fff;
  font:800 clamp(32px,3vw,44px)/1.08 "Montserrat",sans-serif;
}
.miga-global-unificada .miga-pan{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0;
  color:#fff;
  font:800 16px/1.4 "Montserrat",sans-serif;
}
.miga-global-unificada .miga-pan a{
  color:#ffc323;
  text-decoration:none;
}
.miga-global-unificada .miga-pan a:hover{color:#ffd45a}
.miga-global-unificada .miga-pan span[aria-current="page"]{color:#fff}
.miga-global-unificada .miga-pan span[aria-hidden="true"]{color:rgba(255,255,255,.72)}

@media (max-width:834px){
  .miga-global-unificada{min-height:124px;padding:22px 0}
  .miga-global-unificada .contenedor{width:calc(100% - 40px)}
  .miga-global-unificada .miga-titulo{font-size:28px;margin-bottom:9px}
  .miga-global-unificada .miga-pan{font-size:15px;gap:8px}
}
@media (max-width:560px){
  .miga-global-unificada{min-height:112px;padding:20px 0}
  .miga-global-unificada .contenedor{width:calc(100% - 30px)}
  .miga-global-unificada .miga-titulo{font-size:25px;margin-bottom:8px}
  .miga-global-unificada .miga-pan{font-size:14px;gap:7px}
}


/* =========================================================
   V75 · Regla global de legibilidad para migas de pan
   Escala única para páginas actuales y futuras.
   ========================================================= */
.miga-global-unificada .miga-pan,
.miga-global .miga-pan,
.hero-interior .miga-pan{
  font-size:16px!important;
  line-height:1.4!important;
}
@media (max-width:834px){
  .miga-global-unificada .miga-pan,
  .miga-global .miga-pan,
  .hero-interior .miga-pan{font-size:15px!important;}
}
@media (max-width:560px){
  .miga-global-unificada .miga-pan,
  .miga-global .miga-pan,
  .hero-interior .miga-pan{font-size:14px!important;}
}
