/* =========================================================
   Ajuste cliente — header blanco + footer corporativo Asturias
   ========================================================= */
:root{--ast-client-blue:#213570;--ast-client-ink:#252529;}

/* HEADER BLANCO EN TODAS LAS SECCIONES/PÁGINAS */
header.global-standard-header .site-nav,
.site-header.global-standard-header .site-nav,
body > .site-header .site-nav{
  background:#fff !important;
  color:var(--ast-client-ink) !important;
  box-shadow:0 0 0 100vmax #fff !important;
  clip-path:inset(0 -100vmax) !important;
  border-bottom:1px solid #e7e7e9 !important;
}
header.global-standard-header .site-nav::after,
.site-header.global-standard-header .site-nav::after{
  background:#e7e7e9 !important;
}
header.global-standard-header .site-nav .nav-links,
header.global-standard-header .site-nav .nav-links a,
header.global-standard-header .site-nav .nav-links span,
header.global-standard-header .site-nav .brand,
.site-header.global-standard-header .site-nav .nav-links,
.site-header.global-standard-header .site-nav .nav-links a,
.site-header.global-standard-header .site-nav .nav-links span,
.site-header.global-standard-header .site-nav .brand,
body > .site-header .site-nav .nav-links,
body > .site-header .site-nav .nav-links a,
body > .site-header .site-nav .brand{
  color:var(--ast-client-ink) !important;
}
header.global-standard-header .site-nav .search-icon svg,
.site-header.global-standard-header .site-nav .search-icon svg,
body > .site-header .site-nav .search-btn svg{
  stroke:var(--ast-client-ink) !important;
}
header.global-standard-header .site-nav .mobile-menu-toggle,
.site-header.global-standard-header .site-nav .mobile-menu-toggle{
  color:var(--ast-client-ink) !important;
}
/* En artículos el header ya era blanco: homogeneizamos altura/borde sin alterar su grid. */
body > .site-header{
  background:#fff !important;
  color:var(--ast-client-ink) !important;
  border-bottom:1px solid #e7e7e9 !important;
}

/* FOOTER NUEVO */
.site-footer.ast-client-footer,
.global-standard-footer.ast-client-footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#fff !important;
  color:var(--ast-client-ink) !important;
  font-family:"Sora",Arial,sans-serif !important;
  text-align:left !important;
}
.ast-client-footer-top{
  margin:24px 14px 0 !important;
  min-height:360px;
  padding:24px 30px 22px;
  background:var(--ast-client-blue);
  color:#fff;
}
.ast-client-footer-grid{
  width:100%;
  min-height:314px;
  margin:0 auto;
  display:grid;
  grid-template-columns:225px 225px minmax(0,1fr);
  gap:50px;
  align-items:stretch;
}
.ast-footer-stack{display:flex;flex-direction:column;gap:28px;min-width:0;}
.ast-footer-group{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ast-footer-heading{
  width:100%;
  margin:0 0 5px !important;
  padding:0 3px 7px !important;
  border-bottom:1px solid rgba(255,255,255,.72);
  color:#fff !important;
  font-family:"Sora",Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  text-transform:uppercase;
}
.ast-footer-group a{
  color:#fff !important;
  font-family:"Sora",Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.18 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  opacity:.96;
  transition:opacity .2s ease;
}
.ast-footer-group a:hover{opacity:.72;text-decoration:underline !important;text-underline-offset:2px;}
.ast-footer-social{
  justify-self:end;
  align-self:end;
  width:185px;
  margin:0 5px 30px 0;
}
.ast-footer-social-title{
  width:auto;
  border-bottom:0;
  padding:0 4px 8px !important;
  margin-bottom:3px !important;
}
.ast-footer-socials{display:flex;align-items:center;gap:15px;}
.ast-footer-social-link{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.35) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  text-decoration:none !important;
}
.ast-footer-social-link:hover{background:rgba(255,255,255,.16) !important;transform:translateY(-1px) !important;}
.ast-footer-social-link svg{width:16px !important;height:16px !important;display:block;fill:currentColor !important;color:#fff !important;}
.ast-footer-social-link svg path{fill:currentColor !important;}
.ast-client-footer-bottom{padding:0 28px 18px;background:#fff;color:#60646d;}
.ast-footer-buy{
  padding:10px 0 8px;
  border-bottom:1px solid #d9dadd;
  font-size:11px;
  line-height:1.45;
  font-weight:400;
}
.ast-footer-buy a{color:#2f66c7 !important;text-decoration:underline !important;text-underline-offset:1px;}
.ast-footer-legal{
  min-height:42px;
  padding-top:10px;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px 22px;
  color:#666a73;
  font-size:11px;
  line-height:1.4;
}
.ast-footer-legal p{margin:0 !important;color:#666a73 !important;font-size:11px !important;line-height:1.4 !important;font-weight:400 !important;}
.ast-footer-legal sup{font-size:.72em;line-height:0;vertical-align:super;}
.ast-footer-legal nav{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;}
.ast-footer-legal nav a{color:#111 !important;text-decoration:none !important;font-size:11px !important;line-height:1.4 !important;}
.ast-footer-legal nav a:hover{text-decoration:underline !important;}
.ast-footer-legal nav span{color:#111;}

@media (max-width:820px){
  .ast-client-footer-top{margin:14px 10px 0;padding:26px 24px 30px;min-height:0;}
  .ast-client-footer-grid{min-height:0;grid-template-columns:1fr 1fr;gap:32px 34px;}
  .ast-footer-social{grid-column:1/-1;justify-self:start;align-self:auto;width:auto;margin:2px 0 0;}
  .ast-footer-social-title{padding-left:0 !important;}
  .ast-client-footer-bottom{padding:0 18px 20px;}
}
@media (max-width:560px){
  .ast-client-footer-top{padding:24px 20px 28px;}
  .ast-client-footer-grid{grid-template-columns:1fr;gap:28px;}
  .ast-footer-stack{gap:26px;}
  .ast-footer-social{grid-column:auto;}
  .ast-footer-heading{font-size:13px !important;}
  .ast-footer-group a{font-size:13px !important;}
  .ast-footer-legal{display:block;}
  .ast-footer-legal p{margin-bottom:8px !important;}
  .ast-footer-legal nav{gap:5px 8px;}
}

/* =========================================================
   CORRECCIÓN V2 — HEADER BLANCO REAL + FOOTER COMPACTO
   ========================================================= */

/* ---- HEADER DESKTOP: limpio, blanco y separado del hero ---- */
@media (min-width:1021px){
  body .route-page > header.global-standard-header{
    overflow:visible !important;
  }

  body .route-page > header.global-standard-header > .site-nav,
  body > header.site-header.global-standard-header > .site-nav{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:100 !important;
    width:min(1680px, calc(100% - 96px)) !important;
    height:88px !important;
    min-height:88px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:190px minmax(0,1fr) 42px !important;
    align-items:center !important;
    justify-content:initial !important;
    gap:34px !important;
    background:#fff !important;
    color:#28282b !important;
    border:0 !important;
    border-bottom:1px solid #ededee !important;
    box-shadow:0 0 0 100vmax #fff !important;
    clip-path:inset(0 -100vmax) !important;
  }

  body .route-page > header.global-standard-header > .site-nav .brand,
  body > header.site-header.global-standard-header > .site-nav .brand{
    position:static !important;
    inset:auto !important;
    justify-self:start !important;
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    height:auto !important;
    color:#28282b !important;
    line-height:0 !important;
  }

  body .route-page > header.global-standard-header > .site-nav .brand-logo,
  body > header.site-header.global-standard-header > .site-nav .brand-logo{
    display:block !important;
    width:168px !important;
    height:auto !important;
    max-width:168px !important;
    max-height:46px !important;
    object-fit:contain !important;
  }

  body .route-page > header.global-standard-header > .site-nav .nav-links,
  body > header.site-header.global-standard-header > .site-nav .nav-links{
    justify-self:end !important;
    align-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:31px !important;
    height:100% !important;
    color:#28282b !important;
    font-size:14px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
  }

  body .route-page > header.global-standard-header > .site-nav .nav-links span,
  body > header.site-header.global-standard-header > .site-nav .nav-links span{
    display:none !important;
  }

  body .route-page > header.global-standard-header > .site-nav .nav-links a,
  body > header.site-header.global-standard-header > .site-nav .nav-links a{
    position:relative !important;
    height:100% !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    color:#28282b !important;
    opacity:1 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
  }

  body .route-page > header.global-standard-header > .site-nav .nav-links a::after,
  body > header.site-header.global-standard-header > .site-nav .nav-links a::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:15px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#e4a62b !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    opacity:0 !important;
    transition:transform .22s ease, opacity .22s ease !important;
  }

  body .route-page > header.global-standard-header > .site-nav .nav-links a:hover::after,
  body .route-page > header.global-standard-header > .site-nav .nav-links a.active::after,
  body > header.site-header.global-standard-header > .site-nav .nav-links a:hover::after,
  body > header.site-header.global-standard-header > .site-nav .nav-links a.active::after{
    transform:scaleX(1) !important;
    opacity:1 !important;
  }

  body .route-page > header.global-standard-header > .site-nav .search-icon,
  body > header.site-header.global-standard-header > .site-nav .search-icon{
    position:static !important;
    inset:auto !important;
    justify-self:end !important;
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    color:#28282b !important;
  }

  body .route-page > header.global-standard-header > .site-nav .search-icon::before,
  body > header.site-header.global-standard-header > .site-nav .search-icon::before{
    display:none !important;
  }

  body .route-page > header.global-standard-header > .site-nav .search-icon svg,
  body > header.site-header.global-standard-header > .site-nav .search-icon svg{
    width:18px !important;
    height:18px !important;
    stroke:#28282b !important;
    stroke-width:2 !important;
    fill:none !important;
  }

  /* Home: el hero empieza DESPUÉS de la barra blanca, no debajo de ella. */
  #route-home > header.ae-hero.global-standard-header{
    min-height:0 !important;
    background:#fff !important;
  }
  #route-home > header.ae-hero.global-standard-header > .ae-carousel{
    min-height:760px !important;
    background:#140f0f !important;
  }
  #route-home > header.ae-hero.global-standard-header .ae-slide{
    padding-top:0 !important;
  }

  /* Headers de páginas internas: una única altura blanca. */
  #route-nosotros > .about-site-header,
  #route-blog > .blog-site-header,
  #route-faqs > .faq-site-header,
  #route-aviso-privacidad > .privacy-site-header,
  #route-contacto > header.global-standard-header,
  #route-experience > header.global-standard-header,
  #route-boletin > header.global-standard-header,
  #route-comprar-producto > header.global-standard-header,
  #route-unete-asturias > header.global-standard-header,
  #route-cookies > header.global-standard-header,
  #route-politicas-compras > header.global-standard-header{
    position:relative !important;
    min-height:88px !important;
    height:88px !important;
    background:#fff !important;
    color:#28282b !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* Catálogo: sacar el header del hero y usar la misma barra blanca. */
  body > header.site-header.global-standard-header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:100 !important;
    width:100% !important;
    height:88px !important;
    min-height:88px !important;
    background:#fff !important;
    color:#28282b !important;
    border:0 !important;
  }

  /* Artículos: misma proporción visual del header, conservando sus botones móviles propios. */
  body > header.site-header:not(.global-standard-header){
    height:88px !important;
    min-height:88px !important;
    background:#fff !important;
    border-bottom:1px solid #ededee !important;
  }
  body > header.site-header:not(.global-standard-header) > .site-nav{
    width:min(1680px, calc(100% - 96px)) !important;
    height:88px !important;
    grid-template-columns:190px minmax(0,1fr) 42px !important;
    gap:34px !important;
  }
  body > header.site-header:not(.global-standard-header) .brand img{
    width:168px !important;
    max-width:168px !important;
  }
  body > header.site-header:not(.global-standard-header) .nav-links{
    justify-content:flex-end !important;
    gap:31px !important;
  }
  body > header.site-header:not(.global-standard-header) .nav-links a{
    font-size:14px !important;
    font-weight:600 !important;
  }
  body > header.site-header:not(.global-standard-header) .nav-links a::after{
    bottom:15px !important;
    background:#e4a62b !important;
  }
}

/* ---- HEADER MÓVIL: siempre blanco, sin fondo de hero ---- */
@media (max-width:1020px){
  body .route-page > header.global-standard-header > .site-nav,
  body > header.site-header.global-standard-header > .site-nav{
    position:relative !important;
    inset:auto !important;
    width:calc(100% - 34px) !important;
    height:78px !important;
    min-height:78px !important;
    margin:0 auto !important;
    padding:0 54px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    background:#fff !important;
    color:#28282b !important;
    border:0 !important;
    border-bottom:1px solid #ededee !important;
    box-shadow:0 0 0 100vmax #fff !important;
    clip-path:inset(0 -100vmax) !important;
  }
  body .route-page > header.global-standard-header > .site-nav .brand,
  body > header.site-header.global-standard-header > .site-nav .brand{
    position:static !important;
    inset:auto !important;
    color:#28282b !important;
  }
  body .route-page > header.global-standard-header > .site-nav .brand-logo,
  body > header.site-header.global-standard-header > .site-nav .brand-logo{
    width:154px !important;
    max-width:154px !important;
    max-height:38px !important;
  }
  body .route-page > header.global-standard-header > .site-nav .mobile-menu-toggle,
  body > header.site-header.global-standard-header > .site-nav .mobile-menu-toggle{
    color:#28282b !important;
  }
  #route-home > header.ae-hero.global-standard-header{
    min-height:0 !important;
    background:#fff !important;
  }
  #route-home > header.ae-hero.global-standard-header > .ae-carousel{
    background:#140f0f !important;
  }
  #route-home > header.ae-hero.global-standard-header .ae-slide{
    padding-top:0 !important;
  }
  #route-nosotros > .about-site-header,
  #route-blog > .blog-site-header,
  #route-faqs > .faq-site-header,
  #route-aviso-privacidad > .privacy-site-header,
  body > header.site-header.global-standard-header{
    min-height:78px !important;
    height:78px !important;
    background:#fff !important;
  }
}

/* ---- FOOTER: full bleed, sin marco blanco y mucho más compacto ---- */
body .site-footer.ast-client-footer,
body .global-standard-footer.ast-client-footer,
body .route-page .global-standard-footer.ast-client-footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

body .ast-client-footer-top,
body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-top{
  width:100% !important;
  margin:0 !important;
  min-height:0 !important;
  padding:28px max(34px, calc((100vw - 1680px) / 2)) 26px !important;
  background:#213570 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

body .ast-client-footer-grid,
body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
  width:100% !important;
  max-width:1680px !important;
  min-height:0 !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:226px 226px minmax(180px,1fr) !important;
  gap:28px 42px !important;
  align-items:start !important;
}

body .ast-footer-stack{
  gap:20px !important;
}
body .ast-footer-group{
  gap:5px !important;
}
body .ast-footer-heading{
  margin:0 0 4px !important;
  padding:0 2px 7px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.55) !important;
}
body .ast-footer-group a{
  font-size:12px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
}

body .ast-footer-social{
  justify-self:end !important;
  align-self:end !important;
  width:auto !important;
  margin:0 0 26px !important;
}
body .ast-footer-social-title{
  margin:0 0 8px !important;
  padding:0 !important;
  border:0 !important;
  font-size:13px !important;
}
body .ast-footer-socials{
  gap:12px !important;
}
body .ast-footer-social-link{
  width:34px !important;
  height:34px !important;
  flex-basis:34px !important;
  border:1px solid rgba(255,255,255,.34) !important;
  background:rgba(255,255,255,.08) !important;
}
body .ast-footer-social-link svg{
  width:14px !important;
  height:14px !important;
}

body .ast-client-footer-bottom{
  width:100% !important;
  padding:0 max(34px, calc((100vw - 1680px) / 2)) 12px !important;
  background:#fff !important;
  border:0 !important;
}
body .ast-footer-buy{
  padding:8px 0 7px !important;
  border:0 !important;
  border-bottom:1px solid #dedfe2 !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
body .ast-footer-legal{
  min-height:0 !important;
  padding-top:8px !important;
  gap:5px 18px !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
body .ast-footer-legal p,
body .ast-footer-legal nav a{
  font-size:10px !important;
  line-height:1.35 !important;
}

@media (max-width:820px){
  body .ast-client-footer-top,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-top{
    padding:24px 22px 24px !important;
  }
  body .ast-client-footer-grid,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:24px 30px !important;
  }
  body .ast-footer-stack{gap:18px !important;}
  body .ast-footer-social{
    grid-column:1/-1 !important;
    justify-self:start !important;
    align-self:auto !important;
    margin:0 !important;
  }
  body .ast-client-footer-bottom{
    padding:0 22px 12px !important;
  }
}

@media (max-width:560px){
  body .ast-client-footer-grid,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  body .ast-footer-stack{gap:18px !important;}
  body .ast-footer-heading{font-size:12px !important;}
  body .ast-footer-group a{font-size:12px !important;}
}

/* =========================================================
   CORRECCIÓN V3 — RESTAURAR PORTADA CONTACTO + ALINEACIÓN FOOTER
   ========================================================= */

/* Contacto sí es una portada: conserva fotografía, altura y composición original.
   Solo la navegación superior permanece blanca. */
#route-contacto > header.contact-hero.global-standard-header{
  height:auto !important;
  min-height:705px !important;
  background:#111 !important;
  overflow:hidden !important;
}

@media (max-width:1020px){
  #route-contacto > header.contact-hero.global-standard-header{
    height:auto !important;
    min-height:705px !important;
    overflow:hidden !important;
  }
}

@media (max-width:620px){
  #route-contacto > header.contact-hero.global-standard-header{
    min-height:640px !important;
  }
}

/* Footer: líneas y texto arrancan exactamente en el mismo eje.
   Mantiene el bloque compacto y sin marcos blancos alrededor del azul. */
@media (min-width:821px){
  body .ast-client-footer-top,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-top{
    padding:26px 43px 27px !important;
  }

  body .ast-client-footer-grid,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
    max-width:none !important;
    grid-template-columns:226px 226px minmax(0,1fr) !important;
    column-gap:49px !important;
    row-gap:0 !important;
  }

  body .ast-client-footer-bottom{
    padding-left:27px !important;
    padding-right:27px !important;
  }
}

body .ast-footer-heading{
  padding-left:0 !important;
  padding-right:0 !important;
  font-size:14px !important;
}

body .ast-footer-group a{
  font-size:13px !important;
  line-height:1.32 !important;
}

body .ast-footer-group{
  align-items:stretch !important;
}

body .ast-footer-social-title{
  padding-left:0 !important;
  padding-right:0 !important;
}

body .ast-footer-buy,
body .ast-footer-legal,
body .ast-footer-legal p,
body .ast-footer-legal nav a{
  font-size:11px !important;
}

/* =========================================================
   CORRECCIÓN V4 — PORTADA EXPERIENCE + FOOTER MÁS LLENO Y SIMÉTRICO
   ========================================================= */

/* Asturias Experience conserva su portada original completa debajo del header blanco. */
#route-experience > header.experience-hero.global-standard-header{
  height:auto !important;
  min-height:0 !important;
  background:#080808 !important;
  overflow:hidden !important;
}
#route-experience > header.experience-hero.global-standard-header > .hero-content{
  min-height:705px !important;
}

/* Footer desktop: más presencia, columnas equilibradas y líneas idénticas. */
@media (min-width:821px){
  body .ast-client-footer-top,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-top{
    padding:30px max(42px, calc((100vw - 1680px) / 2)) 28px !important;
  }

  body .ast-client-footer-grid,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
    width:100% !important;
    max-width:1680px !important;
    margin:0 auto !important;
    grid-template-columns:300px 300px minmax(260px,1fr) !important;
    column-gap:64px !important;
    row-gap:0 !important;
    align-items:stretch !important;
  }

  body .ast-footer-stack{
    width:100% !important;
    max-width:300px !important;
    display:grid !important;
    grid-template-rows:auto auto !important;
    align-content:start !important;
    row-gap:22px !important;
  }

  body .ast-footer-group{
    width:100% !important;
    gap:6px !important;
  }

  body .ast-client-footer-grid > .ast-footer-stack .ast-footer-group:first-child{
    min-height:186px !important;
  }

  body .ast-footer-heading{
    width:100% !important;
    margin:0 0 5px !important;
    padding:0 0 9px !important;
    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    border-bottom:1px solid rgba(255,255,255,.58) !important;
  }

  body .ast-footer-group a{
    font-size:15px !important;
    line-height:1.38 !important;
    font-weight:400 !important;
  }

  body .ast-footer-social{
    justify-self:end !important;
    align-self:end !important;
    margin:0 0 30px !important;
  }

  body .ast-footer-social-title{
    width:auto !important;
    margin:0 0 10px !important;
    padding:0 !important;
    border-bottom:0 !important;
    font-size:16px !important;
  }

  body .ast-footer-socials{
    gap:13px !important;
  }

  body .ast-footer-social-link{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  body .ast-footer-social-link svg{
    width:16px !important;
    height:16px !important;
  }

  body .ast-client-footer-bottom{
    padding:0 max(42px, calc((100vw - 1680px) / 2)) 14px !important;
  }

  body .ast-footer-buy{
    padding:10px 0 9px !important;
    font-size:12px !important;
    line-height:1.4 !important;
  }

  body .ast-footer-legal{
    padding-top:9px !important;
    gap:6px 20px !important;
  }

  body .ast-footer-legal,
  body .ast-footer-legal p,
  body .ast-footer-legal nav a{
    font-size:12px !important;
    line-height:1.4 !important;
  }
}

/* Tablet / móvil: conserva proporción y líneas simétricas sin desbordar. */
@media (max-width:820px){
  body .ast-footer-heading{
    width:100% !important;
    font-size:15px !important;
    padding-bottom:8px !important;
  }
  body .ast-footer-group a{
    font-size:14px !important;
    line-height:1.4 !important;
  }
}

/* Afinado final solicitado: más lectura y menos espacio visual vacío en desktop. */
@media (min-width:1100px){
  body .ast-client-footer-grid,
  body .route-page .global-standard-footer.ast-client-footer .ast-client-footer-grid{
    grid-template-columns:320px 320px minmax(260px,1fr) !important;
    column-gap:80px !important;
  }
  body .ast-footer-stack{
    max-width:320px !important;
  }
  body .ast-footer-group{
    width:100% !important;
  }
  body .ast-client-footer-grid > .ast-footer-stack .ast-footer-group:first-child{
    min-height:188px !important;
  }
  body .ast-footer-heading{
    font-size:17px !important;
    padding-bottom:10px !important;
  }
  body .ast-footer-group a{
    font-size:16px !important;
    line-height:1.42 !important;
  }
  body .ast-footer-social-title{
    font-size:17px !important;
  }
  body .ast-footer-social-link{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }
  body .ast-footer-buy,
  body .ast-footer-legal,
  body .ast-footer-legal p,
  body .ast-footer-legal nav a{
    font-size:12.5px !important;
  }
}

/* =========================================================
   CORRECCIÓN V5 — EXPERIENCE EXACTAMENTE COMO PORTADA FULLSCREEN
   Mantiene únicamente la navegación blanca solicitada por cliente.
   ========================================================= */

/* Desktop: la fotografía ocupa toda la pantalla visible DESPUÉS del header blanco. */
@media (min-width:1021px){
  #route-experience > header.experience-hero.global-standard-header{
    position:relative !important;
    height:auto !important;
    min-height:100vh !important;
    min-height:100svh !important;
    background:#080808 !important;
    color:#fff !important;
    overflow:hidden !important;
  }

  #route-experience > header.experience-hero.global-standard-header > .site-nav{
    height:88px !important;
    min-height:88px !important;
  }

  #route-experience > header.experience-hero.global-standard-header > .hero-content{
    position:relative !important;
    z-index:2 !important;
    min-height:calc(100vh - 88px) !important;
    min-height:calc(100svh - 88px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    color:#fff !important;
  }
}

/* Todo el copy de la portada vuelve a blanco; solo el énfasis Asturias queda dorado. */
#route-experience .experience-hero .hero-content h1{
  color:#fff !important;
}
#route-experience .experience-hero .hero-content h1 span{
  color:#d8a628 !important;
}
#route-experience .experience-hero .hero-content p{
  color:#fff !important;
  opacity:1 !important;
}
#route-experience .experience-hero .hero-btn{
  color:#fff !important;
}

/* Tablet/móvil: igualmente ocupa la primera pantalla completa sin enseñar la sección siguiente. */
@media (max-width:1020px){
  #route-experience > header.experience-hero.global-standard-header{
    position:relative !important;
    height:auto !important;
    min-height:100vh !important;
    min-height:100svh !important;
    background:#080808 !important;
    color:#fff !important;
    overflow:hidden !important;
  }
  #route-experience > header.experience-hero.global-standard-header > .site-nav{
    height:78px !important;
    min-height:78px !important;
  }
  #route-experience > header.experience-hero.global-standard-header > .hero-content{
    min-height:calc(100vh - 78px) !important;
    min-height:calc(100svh - 78px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    color:#fff !important;
  }
}

/* =========================================================
   HERO SLIDE 1 — TRONCO NAVIDEÑO (CAMBIOS WEB 3)
   ========================================================= */
#route-home .ae-slide-seasonal .ae-content{
  width:min(1120px, calc(100% - 88px)) !important;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#route-home .ae-slide-seasonal .ae-kicker{
  margin-bottom:16px !important;
}
#route-home .ae-slide-seasonal .ae-content h1{
  margin-bottom:14px !important;
}
#route-home .ae-slide-seasonal .ae-season-subtitle{
  max-width:650px !important;
  margin:0 0 16px !important;
  color:#fff !important;
  font-size:clamp(18px,1.45vw,24px) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}
#route-home .ae-slide-seasonal .ae-season-body{
  max-width:650px !important;
  margin:0 0 12px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:clamp(14px,1vw,17px) !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
#route-home .ae-slide-seasonal .ae-season-urgency{
  max-width:650px !important;
  margin:0 0 26px !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}
#route-home .ae-slide-seasonal .ae-actions{
  margin-top:0 !important;
}
@media (max-width:760px){
  #route-home .ae-slide-seasonal .ae-season-subtitle{font-size:18px !important;}
  #route-home .ae-slide-seasonal .ae-season-body{font-size:14px !important;}
  #route-home .ae-slide-seasonal .ae-season-urgency{font-size:13px !important;margin-bottom:20px !important;}
}

/* =========================================================
   FIX GLOBAL FOOTER INFERIOR — CONSISTENCIA EN TODAS LAS PÁGINAS
   Evita que estilos heredados de Catálogo/Historia/Artículos
   conviertan los links del bloque blanco inferior en blanco.
   ========================================================= */
body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom{
  background:#fff !important;
  color:#60646d !important;
}

body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-buy,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-buy{
  color:#60646d !important;
}

body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-buy a,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-buy a{
  color:#2f66c7 !important;
  text-decoration:underline !important;
  text-underline-offset:1px !important;
  opacity:1 !important;
}

body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal,
body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal p,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal p{
  color:#666a73 !important;
}

body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal nav a,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal nav a,
body .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal nav span,
body .route-page .site-footer.global-standard-footer.ast-client-footer .ast-client-footer-bottom .ast-footer-legal nav span{
  color:#111 !important;
  opacity:1 !important;
}


/* =========================================================
   ASTURIAS EXPERIENCE — ZONA DE DESCARGAS
   ========================================================= */
#route-downloads{
  background:#fff !important;
  color:#242428 !important;
}
#route-downloads > .downloads-site-header.global-standard-header{
  height:78px !important;
  min-height:78px !important;
  background:#fff !important;
  color:#242428 !important;
  border-bottom:1px solid rgba(33,53,112,.10) !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:20 !important;
}
#route-downloads .downloads-page{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
}
#route-downloads .downloads-hero{
  position:relative !important;
  min-height:640px !important;
  background-image:url('../images/downloads-hero.png') !important;
  background-size:cover !important;
  background-position:center 43% !important;
  background-repeat:no-repeat !important;
  overflow:hidden !important;
  color:#fff !important;
}
#route-downloads .downloads-hero-overlay{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(20,15,10,.78) 0%,rgba(20,15,10,.58) 36%,rgba(20,15,10,.18) 68%,rgba(20,15,10,.08) 100%) !important;
}
#route-downloads .downloads-hero-inner{
  position:relative !important;
  z-index:2 !important;
  width:min(1120px,calc(100% - 88px)) !important;
  min-height:640px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:36px 0 30px !important;
}
#route-downloads .downloads-kicker{
  margin:0 0 16px !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
}
#route-downloads .downloads-kicker::before{
  content:"" !important;
  display:inline-block !important;
  width:3px !important;
  height:20px !important;
  margin-right:12px !important;
  vertical-align:middle !important;
  background:#e5ad28 !important;
}
#route-downloads .downloads-hero h1{
  max-width:760px !important;
  margin:0 0 24px !important;
  color:#fff !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(48px,5vw,78px) !important;
  line-height:.91 !important;
  letter-spacing:-.04em !important;
  font-weight:400 !important;
}
#route-downloads .downloads-hero h1 span,
#route-downloads .downloads-hero h1 strong{
  display:block !important;
  font-family:inherit !important;
  font-weight:400 !important;
}
#route-downloads .downloads-hero h1 strong{
  color:#e0ad22 !important;
}
#route-downloads .downloads-lead{
  max-width:570px !important;
  margin:0 0 30px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
}
#route-downloads .downloads-hero-btn{
  min-width:170px !important;
  min-height:48px !important;
  padding:0 20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  border-radius:999px !important;
  background:#222 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  text-decoration:none !important;
}
#route-downloads .downloads-hero-btn span{
  width:25px !important;
  height:25px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#e7242b !important;
  background:#fff !important;
  font-size:16px !important;
}
#route-downloads .downloads-materials{
  width:min(1120px,calc(100% - 88px)) !important;
  margin:0 auto !important;
  padding:44px 0 86px !important;
}
#route-downloads .downloads-intro{
  max-width:760px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}
#route-downloads .downloads-intro h2{
  margin:0 0 10px !important;
  color:#232326 !important;
  font-size:clamp(24px,2.3vw,36px) !important;
  line-height:1.12 !important;
  font-weight:700 !important;
}
#route-downloads .downloads-intro p{
  margin:0 !important;
  color:#777 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
#route-downloads .downloads-grid{
  width:min(860px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px 28px !important;
}
#route-downloads .downloads-card{
  position:relative !important;
  min-height:240px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  isolation:isolate !important;
  box-shadow:0 14px 32px rgba(24,28,38,.10) !important;
}
#route-downloads .downloads-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12)) !important;
  transition:background .3s ease !important;
}
#route-downloads .downloads-card:hover::after{
  background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.05)) !important;
}
#route-downloads .downloads-card-content{
  padding:28px !important;
  color:#fff !important;
}
#route-downloads .downloads-card h3{
  margin:0 0 28px !important;
  color:#fff !important;
  font-size:clamp(22px,2vw,30px) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
}
#route-downloads .downloads-card span{
  display:inline-block !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

@media (max-width:1020px){
  #route-downloads > .downloads-site-header.global-standard-header{
    height:82px !important;
    min-height:82px !important;
  }
  #route-downloads .downloads-hero,
  #route-downloads .downloads-hero-inner{
    min-height:590px !important;
  }
  #route-downloads .downloads-hero-inner,
  #route-downloads .downloads-materials{
    width:calc(100% - 40px) !important;
  }
  #route-downloads .downloads-hero h1{
    max-width:680px !important;
    font-size:clamp(46px,7vw,66px) !important;
  }
}
@media (max-width:700px){
  #route-downloads .downloads-hero{
    min-height:620px !important;
    background-position:62% center !important;
  }
  #route-downloads .downloads-hero-inner{
    min-height:620px !important;
    justify-content:flex-end !important;
    padding:70px 0 52px !important;
  }
  #route-downloads .downloads-hero-overlay{
    background:linear-gradient(180deg,rgba(20,15,10,.22) 0%,rgba(20,15,10,.52) 44%,rgba(20,15,10,.88) 100%) !important;
  }
  #route-downloads .downloads-hero h1{
    max-width:100% !important;
    font-size:clamp(42px,12vw,58px) !important;
  }
  #route-downloads .downloads-lead{
    max-width:100% !important;
    font-size:13px !important;
  }
  #route-downloads .downloads-materials{
    width:calc(100% - 30px) !important;
    padding:36px 0 60px !important;
  }
  #route-downloads .downloads-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  #route-downloads .downloads-card{
    min-height:220px !important;
  }
}

/* =========================================================
   ZONA DE DESCARGAS — HERO FULLSCREEN + CARDS PANORÁMICAS
   ========================================================= */
@media (min-width:701px){
  #route-downloads .downloads-hero,
  #route-downloads .downloads-hero-inner{
    min-height:calc(100vh - 78px) !important;
    min-height:calc(100svh - 78px) !important;
  }

  #route-downloads .downloads-materials{
    width:min(1220px,calc(100% - 72px)) !important;
  }

  #route-downloads .downloads-grid{
    width:100% !important;
    max-width:1180px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 30px !important;
  }

  #route-downloads .downloads-card{
    min-height:0 !important;
    aspect-ratio:16 / 7 !important;
  }
}

@media (min-width:701px) and (max-width:1020px){
  #route-downloads .downloads-hero,
  #route-downloads .downloads-hero-inner{
    min-height:calc(100vh - 82px) !important;
    min-height:calc(100svh - 82px) !important;
  }

  #route-downloads .downloads-materials{
    width:calc(100% - 40px) !important;
  }

  #route-downloads .downloads-grid{
    gap:18px 22px !important;
  }

  #route-downloads .downloads-card{
    aspect-ratio:16 / 8 !important;
  }
}

@media (max-width:700px){
  #route-downloads .downloads-card{
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
  }
}


/* Asturias Experience - Videotutoriales */
#route-videotutorials{
  background:#f4f1eb;
}
#route-videotutorials > .videos-site-header.global-standard-header{
  background:#fff !important;
  border-bottom:1px solid rgba(18,26,36,.08);
}
#route-videotutorials .videos-page{
  background:#f4f1eb;
}
#route-videotutorials .videos-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background-image:url('../images/videos-hero.png');
  background-size:cover;
  background-position:center center;
  overflow:hidden;
}
#route-videotutorials .videos-hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.48) 42%, rgba(0,0,0,.18) 100%);
}
#route-videotutorials .videos-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%, 1400px);
  margin:0 auto;
  padding:140px 64px 88px;
  color:#fff;
}
#route-videotutorials .videos-hero h1{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(54px, 9vw, 116px);
  line-height:.95;
  letter-spacing:-.04em;
  font-weight:800;
}
#route-videotutorials .videos-lead{
  max-width:760px;
  margin:0 0 34px;
  font-size:clamp(18px, 2vw, 24px);
  line-height:1.6;
  color:rgba(255,255,255,.92);
}
#route-videotutorials .videos-hero-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 26px; border-radius:999px;
  background:#141923; color:#fff; text-decoration:none;
  font-weight:700; letter-spacing:.02em;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
#route-videotutorials .videos-materials{
  width:min(100%, 1400px);
  margin:0 auto;
  padding:74px 64px 96px;
}
#route-videotutorials .videos-intro{
  text-align:center;
  max-width:820px;
  margin:0 auto 42px;
}
#route-videotutorials .videos-intro h2{
  margin:0 0 12px;
  color:#1b2231;
  font-size:clamp(32px, 4vw, 52px);
  line-height:1.05;
}
#route-videotutorials .videos-intro p{
  margin:0;
  color:#555f73;
  font-size:18px;
  line-height:1.7;
}
#route-videotutorials .videos-category-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:26px;
  align-items:start;
}
#route-videotutorials .video-category{
  min-width:0;
}
#route-videotutorials .video-category-head{
  padding:0 4px 18px;
  border-bottom:2px solid #1b2231;
  margin-bottom:20px;
}
#route-videotutorials .video-category-head h3{
  margin:0;
  color:#1b2231;
  font-size:clamp(26px, 2.2vw, 38px);
  line-height:1.1;
}
#route-videotutorials .video-cards{
  display:grid;
  gap:18px;
}
#route-videotutorials .video-card{
  position:relative;
  min-height:220px;
  border-radius:28px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 42px rgba(16,22,31,.14);
}
#route-videotutorials .video-card-content{
  position:absolute; inset:0;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding:22px 22px 20px;
  color:#fff;
}
#route-videotutorials .video-card-kicker{
  margin:0 0 8px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
}
#route-videotutorials .video-card h4{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(24px, 2.2vw, 36px);
  line-height:1;
}
#route-videotutorials .video-card span{
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
}
@media (max-width:1200px){
  #route-videotutorials .videos-materials,
  #route-videotutorials .videos-hero-inner{padding-left:40px; padding-right:40px;}
  #route-videotutorials .videos-category-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
  #route-videotutorials .videos-hero{min-height:82vh;}
  #route-videotutorials .videos-hero-inner{padding:128px 22px 64px;}
  #route-videotutorials .videos-materials{padding:56px 22px 72px;}
  #route-videotutorials .videos-category-grid{grid-template-columns:1fr;}
  #route-videotutorials .video-card{min-height:200px; border-radius:22px;}
}


/* Asturias Experience - Videotutoriales board corrected */
#route-videotutorials .sr-only{
  position:absolute!important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
#route-videotutorials .videos-materials{
  width:min(100%, 1600px);
  padding:0 0 80px;
}
#route-videotutorials .videos-board{
  background:#efefef;
  border-top:1px solid #2e2e2e;
  border-bottom:1px solid #2e2e2e;
}
#route-videotutorials .videos-board-head{
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  background:#efefef;
  border-bottom:1px solid #2e2e2e;
}
#route-videotutorials .videos-board-head-item{
  padding:10px 18px;
  text-align:center;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.1;
  font-weight:800;
  color:#23262d;
  border-right:1px solid #2e2e2e;
}
#route-videotutorials .videos-board-head-item:last-child{border-right:none;}
#route-videotutorials .videos-board-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:0;
}
#route-videotutorials .video-tutorial-thumb{
  position:relative;
  min-height:170px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  border-right:1px solid #2e2e2e;
}
#route-videotutorials .video-tutorial-thumb:last-child{border-right:none;}
#route-videotutorials .video-tutorial-thumb .thumb-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.04) 100%);
}
#route-videotutorials .video-tutorial-thumb .thumb-ribbon{
  position:absolute;
  inset:0 auto 0 0;
  width:36%;
  background:#ff2c2c;
  clip-path:polygon(0 0, 100% 0, 58% 100%, 0 100%);
  opacity:.96;
}
#route-videotutorials .video-tutorial-thumb .thumb-content{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  padding:10px 10px 14px;
}
#route-videotutorials .video-tutorial-thumb .thumb-kicker{
  margin:0 0 4px;
  font-size:clamp(10px,1vw,16px);
  line-height:1.05;
  color:#fff;
  letter-spacing:0;
  font-weight:500;
}
#route-videotutorials .video-tutorial-thumb h3{
  margin:0;
  color:#fff;
  font-size:clamp(22px,2vw,40px);
  line-height:.88;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
#route-videotutorials .video-tutorial-thumb .thumb-script{
  margin:4px 0 0;
  color:#ffd75e;
  font-size:clamp(16px,1.25vw,24px);
  line-height:1;
  font-style:italic;
  font-weight:700;
  font-family:Georgia, 'Times New Roman', serif;
  text-shadow:0 2px 8px rgba(0,0,0,.16);
}
#route-videotutorials .thumb-panaderia h3{max-width:220px;}
#route-videotutorials .thumb-reposteria h3{max-width:180px;}
#route-videotutorials .thumb-chocolateria h3{max-width:210px;}
@media (max-width:1100px){
  #route-videotutorials .videos-board-head{grid-template-columns:1fr;}
  #route-videotutorials .videos-board-head-item{border-right:none;border-bottom:1px solid #2e2e2e;}
  #route-videotutorials .videos-board-head-item:last-child{border-bottom:none;}
  #route-videotutorials .videos-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #route-videotutorials .video-tutorial-thumb:nth-child(2){border-right:none;}
}
@media (max-width:680px){
  #route-videotutorials .videos-materials{padding-bottom:56px;}
  #route-videotutorials .videos-board-grid{grid-template-columns:1fr;}
  #route-videotutorials .video-tutorial-thumb{min-height:200px;border-right:none;border-bottom:1px solid #2e2e2e;}
  #route-videotutorials .video-tutorial-thumb:last-child{border-bottom:none;}
}


/* Fix videotutoriales: hero sin texto y board full width */
#route-videotutorials .videos-hero{
  min-height:100vh;
  min-height:100svh;
}
#route-videotutorials .videos-hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.10) 45%, rgba(0,0,0,.14) 100%);
}
#route-videotutorials .videos-hero-inner,
#route-videotutorials .videos-intro{
  display:none !important;
}
#route-videotutorials .videos-materials{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 80px !important;
}
#route-videotutorials .videos-board{
  width:100% !important;
  max-width:none !important;
}
@media (max-width:860px){
  #route-videotutorials .videos-hero{min-height:100svh;}
  #route-videotutorials .videos-materials{padding-bottom:56px !important;}
}


/* Videotutoriales: categorías clicables + galería Drive */
#route-videotutorials button.videos-board-head-item{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  font-family:inherit;
  background:#efefef;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
#route-videotutorials button.videos-board-head-item:hover,
#route-videotutorials button.videos-board-head-item.is-active{
  background:#213570;
  color:#fff;
}
#route-videotutorials .videos-thumb-trigger{
  cursor:pointer;
}
#route-videotutorials .videos-thumb-trigger::before{
  content:"▶";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:4;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#213570;
  font-size:15px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  opacity:0;
  transform:translateY(6px);
  transition:.2s ease;
}
#route-videotutorials .videos-thumb-trigger:hover::before,
#route-videotutorials .videos-thumb-trigger:focus-visible::before{
  opacity:1;
  transform:none;
}
#route-videotutorials .videos-drive-panel{
  width:100%;
  background:#111722;
  color:#fff;
  border-top:4px solid #213570;
}
#route-videotutorials .videos-drive-panel[hidden]{display:none!important;}
#route-videotutorials .videos-drive-panel-inner{
  width:min(1500px,calc(100% - 64px));
  margin:0 auto;
  padding:44px 0 58px;
}
#route-videotutorials .videos-drive-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
}
#route-videotutorials .videos-drive-eyebrow{
  margin:0 0 8px;
  color:#e5ad28;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
}
#route-videotutorials .videos-drive-title{
  margin:0;
  color:#fff;
  font-size:clamp(30px,3vw,46px);
  line-height:1;
}
#route-videotutorials .videos-drive-close{
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
#route-videotutorials .videos-drive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
#route-videotutorials .videos-drive-grid[hidden]{display:none!important;}
#route-videotutorials .drive-video-card{
  min-width:0;
  background:#080b10;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
#route-videotutorials .drive-video-frame{
  position:relative;
  aspect-ratio:16/9;
  background:#080b10;
}
#route-videotutorials .drive-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
@media(max-width:1050px){
  #route-videotutorials .videos-drive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #route-videotutorials .videos-drive-panel-inner{width:calc(100% - 40px);}
}
@media(max-width:650px){
  #route-videotutorials .videos-drive-grid{grid-template-columns:1fr;}
  #route-videotutorials .videos-drive-panel-inner{width:calc(100% - 28px);padding:32px 0 42px;}
  #route-videotutorials .videos-drive-panel-head{align-items:center;}
}