/* AJUSTES 07/08/2026 v3: menú tablet/móvil, subrayados nítidos, carrusel tablet y miga de pan */

/* Subrayados: línea sólida, nítida y animada en todos los dispositivos. */
@keyframes gael-subrayar-solido {
  0%, 12% { transform: scaleX(0); opacity: 0; }
  28%, 78% { transform: scaleX(1); opacity: 1; }
  92%, 100% { transform: scaleX(1); opacity: 0; }
}
.servicios-cabecera h2 em::after,
.hero h1 em::after,
.equipo-cabecera .subrayado-tu-empresa::after,
.problemas-cabecera .subrayado-tu-negocio::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  bottom: -8px !important;
  border-radius: 999px !important;
  background: #ffc323 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  animation: gael-subrayar-solido 3.8s ease-in-out infinite !important;
  will-change: transform, opacity;
}
.equipo-cabecera .subrayado-tu-empresa,
.problemas-cabecera .subrayado-tu-negocio { position: relative; display: inline-block; }
.equipo-cabecera h2 em::after,
.problemas-cabecera strong::after { content: none !important; }

/* Miga de pan institucional reutilizable. */
.hero-interior,
.miga-global {
  position: relative;
  min-height: 150px;
  padding: 30px 0;
  display: flex;
  align-items: center;
  background: #063f3a url('../imagenes/fondos/miga-pan-gael.png') center/cover no-repeat !important;
  overflow: hidden;
}
.hero-interior::before,
.miga-global::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,58,53,.82),rgba(3,58,53,.25)); pointer-events:none; }
.hero-interior-fondo,.hero-geometria { display:none !important; }
.hero-interior-contenido,.miga-global .contenedor { position:relative; z-index:1; }
.hero-interior h1,.miga-global h1 { margin:0 0 10px; color:#fff; font:800 clamp(25px,3vw,40px)/1.1 "Montserrat",sans-serif; }
.hero-interior .miga-pan,.miga-global .miga-pan { display:flex; flex-wrap:wrap; gap:10px; align-items:center; color:#fff; font:700 14px "Montserrat",sans-serif; }
.hero-interior .miga-pan a,.miga-global .miga-pan a { color:#ffc323; }
.hero-interior .miga-pan span,.miga-global .miga-pan span { color:#fff; }

/* Menú responsive: el panel empieza DEBAJO del encabezado, no encima del logo/controles. */
@media (max-width:1120px) {
  .menu-zona {
    inset: 112px 0 0 0 !important;
    min-height: 0 !important;
    height: calc(100dvh - 112px) !important;
    padding: 12px max(28px,8vw) 28px !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
  }
  .menu-lista { margin-top: 0 !important; }
  .menu-lista a,.desplegable>button { padding-top:13px !important; padding-bottom:13px !important; }
}
@media (max-width:720px) {
  .menu-zona {
    inset: 88px 0 0 0 !important;
    height: calc(100dvh - 88px) !important;
    padding: 10px 22px 24px !important;
  }
  .hero-interior,.miga-global { min-height: 96px; padding:20px 0; }
  .hero-interior h1,.miga-global h1 { font-size:24px; margin-bottom:7px; }
  .hero-interior .miga-pan,.miga-global .miga-pan { font-size:12px; gap:7px; }
}

/* Carrusel de servicios SOLO en tablet. */
.servicios-carrusel-controles { display:none; }
@media (min-width:721px) and (max-width:1120px) {
  .servicios-lista {
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:min(76vw,620px) !important;
    grid-template-columns:none !important;
    gap:24px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:8px max(12vw,72px) 18px !important;
    margin-inline:calc(50% - 50vw) !important;
    scrollbar-width:none;
  }
  .servicios-lista::-webkit-scrollbar { display:none; }
  .servicio-tarjeta,
  .servicio-tarjeta:last-child { width:100% !important; grid-column:auto !important; justify-self:stretch !important; scroll-snap-align:center; }
  .servicios-carrusel-controles { display:flex; justify-content:center; align-items:center; gap:14px; margin:12px 0 28px; }
  .servicios-carrusel-controles button { width:44px; height:44px; border:1px solid #efd27a; border-radius:50%; background:#fff7da; color:#064b40; font:800 24px/1 sans-serif; cursor:pointer; box-shadow:0 8px 20px rgba(5,64,56,.10); }
  .servicios-carrusel-indicador { min-width:68px; text-align:center; color:#07594c; font:800 13px "Montserrat",sans-serif; }
}

/* =========================================================
   CORRECCIONES 07/08/2026 V4 — páginas internas
   ========================================================= */
/* Evita que el enlace de accesibilidad se vea como una franja encima del header. */
.salto-contenido{position:fixed!important;left:-9999px!important;top:8px!important;z-index:99999!important;padding:10px 14px!important;background:#fff!important;color:#073f39!important;border-radius:8px!important}
.salto-contenido:focus{left:12px!important}

/* Elimina las bandas/sombras grises laterales de las páginas legales. */
html,body.pagina-legal{background:#fff!important}
body.pagina-legal main{width:100%!important;max-width:none!important;background:#fff!important;overflow-x:clip!important}
body.pagina-legal .legal-banner{box-shadow:none!important}
body.pagina-legal .legal-contenido{box-shadow:none!important;background:#fff!important}

/* Miga institucional: una única imagen para todas las páginas internas actuales y futuras. */
.miga-global,.hero-interior,.libro-hero{
  background-color:#063f3a!important;
  background-image:linear-gradient(90deg,rgba(3,58,53,.78),rgba(3,58,53,.18)),url('../imagenes/fondos/miga-pan-gael.png')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.libro-hero{min-height:150px!important;padding:30px 0!important;display:flex!important;align-items:center!important;color:#fff!important}
.libro-hero .libro-etiqueta{display:none!important}
.libro-hero h1{margin:0 0 10px!important;color:#fff!important;font:800 clamp(25px,3vw,40px)/1.1 "Montserrat",sans-serif!important}
.libro-hero nav{display:flex!important;gap:10px!important;align-items:center!important;color:#fff!important;font:700 14px "Montserrat",sans-serif!important}
.libro-hero nav a{color:#ffc323!important}

/* Acciones flotantes consistentes en todas las páginas internas. */
body.pagina-legal .acciones-flotantes,.libro-reclamaciones-pagina .acciones-flotantes{z-index:3000!important}
body.pagina-legal .whatsapp-flotante,.libro-reclamaciones-pagina .whatsapp-flotante{width:48px;height:48px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22)}
body.pagina-legal .whatsapp-flotante svg,.libro-reclamaciones-pagina .whatsapp-flotante svg{width:25px;height:25px;fill:currentColor;stroke:none}

@media(max-width:720px){
  .libro-hero{min-height:96px!important;padding:20px 0!important}
  .libro-hero h1{font-size:24px!important;margin-bottom:7px!important}
  .libro-hero nav{font-size:12px!important;gap:7px!important}
  body.pagina-legal .legal-banner{width:calc(100% - 24px)!important}
  body.pagina-legal .legal-contenido{width:calc(100% - 24px)!important}
}