/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.pagecont > *{padding-inline: calc((100vw - 1300px) / 2); box-sizing: border-box;padding-block: 55px;}


/* Menú inferior móvil del tema */
@media (max-width: 940px) {
  .foomov {    display: flex;    position: fixed;    bottom: 0;    z-index: 111;    width: 100%;    display: grid;    padding: 0 10px;    box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));  }
  .foomov .iflex {    height: 60px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;    background-color: #000;    border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }
}

@media (max-width: 1250px) {
  div.centro{    width: 94%;}
}



.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #000;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #000;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}


/* ==========================================================================
   ALKAIN — CAPA DE MAQUETACIÓN (SOLO FRONT)
   --------------------------------------------------------------------------
   Todo lo de aquí abajo NO debe verse en el editor de Gutenberg, por eso
   vive en style.css (que se encola en `wp_enqueue_scripts` y no entra en
   el lienzo del editor) y no en blocks.css.

   Regla de oro para saber dónde va cada cosa:
     · ¿Es el aspecto de un bloque?            -> blocks.css
     · ¿Es el ancho/sangrado de la página,
        la cabecera, el footer del tema o algo
        que depende del viewport real?          -> aquí

   IMPORTANTE: este bloque debe ir DESPUÉS de la regla `.pagecont > *`
   que ya tienes más arriba en este mismo archivo.
   ========================================================================== */

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png'); content: ''; width: 19px; height: 24px; top: 0; background-color: #fff; display: block; background-size: cover;}

/* --- Contenedores del tema --------------------------------------------- */
div.centro { width: var(--ancho, 1300px); margin: 0 auto; max-width: 100%; }

/* Estas secciones necesitan ancho completo dentro de la plantilla clásica. */
.page > .centro:has(> .smaqpage){width:100%;max-width:none;}
.page > .centro:has(> .smaqpage) > .smaqpage{margin:0;}
.page > .centro:has(> :is(.sacerohero,.sacero-ventajas,.sacero-calidades,.sacero-tratamientos,.sacero-cta,.sacero-faq,.sseolhero,.sseolperfiles,.sseolpiezas,.sseolintegral,.sseolporque,.sseolfaq,.sseolcta)){width:100%;max-width:none;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
footer { padding: 10px 0 1px; }
.foomov { display: none; background-color: #000; }
.flex4c.foomov .iflex { color: white; text-align: center; }

/* Sistema flex del tema (versión con gap; sustituye a la de arriba) */
.flex{  --flex-gap: 2%;  display: flex;  flex-wrap: wrap;  align-items: stretch;  justify-content: center;  gap: var(--flex-gap);}
.flex .iflex{ flex-direction: column; }
.fleximage .iflex{ background-size: cover; background-position: center; }
.flex2c .iflex{ flex: 1 1 calc(50% - var(--flex-gap) / 2); width:auto; margin:0; padding:0;}
.flex2  .iflex{ flex: 1 1 calc((100% - var(--flex-gap)) / 2); width:auto; margin:0; padding:0;}
.flex3  .iflex{ flex: 1 1 calc((100% - var(--flex-gap) * 2) / 3); width:auto; margin:0; padding:0;}
.flex4  .iflex{ flex: 1 1 calc((100% - var(--flex-gap) * 3) / 4); width:auto; margin:0;}
.flex5  .iflex{ flex: 1 1 calc((100% - var(--flex-gap) * 4) / 5); width:auto; margin:0;}
.flex6  .iflex{ flex: 1 1 calc((100% - var(--flex-gap) * 5) / 6); width:auto; margin:0;}


/* --- Sangrado horizontal de las secciones (el "max-width") -------------- */
/* La doble clase es para ganar a `.pagecont > *` sin depender del orden.   */
.alk-sec.alk-sec,
.sservppales.sservppales{
  padding-inline: max(20px, calc((100% - var(--ancho, 1300px)) / 2));
}

/* La rejilla de ventajas también se puede insertar directamente como patrón.
   En ese caso asume el lienzo de la antigua sección scaprazones: fondo claro,
   ritmo vertical y el mismo ancho de contenido, incluidos los móviles. */
.pagecont > .bcaprazones{
  padding:var(--sec-y) max(20px,calc((100% - var(--ancho,1300px)) / 2));
  background:var(--color-light);
}

/* Cada sección de acero al carbono funciona como patrón independiente. */
.sacerohero .alk-sec.alk-sec,
:is(.sacero-ventajas,.sacero-calidades,.sacero-tratamientos,.sacero-cta,.sacero-faq).alk-sec{
  padding-inline:max(20px,calc((100% - 1216px) / 2));
}
.pagecont > .sacerohero{padding:0;}
.sseolhero .alk-sec.alk-sec,
:is(.sseolperfiles,.sseolpiezas,.sseolintegral,.sseolporque,.sseolfaq,.sseolcta).alk-sec{
  padding-inline:max(20px,calc((100% - 1216px) / 2));
}
.pagecont > .sseolhero{padding:0;}
.sservhero .alk-sec.alk-sec,
:is(.sservlistado,.sservintegral,.sservsectores,.sservcta).alk-sec{
  padding-inline:max(20px,calc((100% - 1216px) / 2));
}
.pagecont > .sservhero{padding:0;}
/* Ficha de servicio: secciones independientes, sin grupo de página. */
.sdethero .alk-sec.alk-sec,
:is(.sdetintro,.sdetpiezas,.sdetprocesos,.sdetintegral,.sdetzona,.sdetcta,.sdetfaq).alk-sec{
  padding-inline:max(20px,calc((100% - 1216px) / 2));
}
.pagecont > .sdethero{padding:0;}

/* El artículo del CPT no debe heredar el relleno genérico de pagecont. */
.pagecont > .sector-single,
.pagecont > .sseolhero{padding:0;}
.page-sector .sector-single{width:100%;max-width:none;margin:0;}
.sseolhero.sseolhero{max-width:none;padding:0;}
.sseolhero__media.sseolhero__media{width:100%;max-width:none;}

/* Cabeceras interiores: un poco más de ancho que el diseño inicial,
   manteniendo una caja de texto limitada y saltos naturales. */
body :is(.scaphero__cabecera,.sservhero__cabecera,.smaqhero__top,.scalidadhero,.bcontactohero__contenido,.scasohero,.scasolistado__hero,.slocalhero) h1.wp-block-heading{
  width:100%;max-width:min(100%,var(--alk-hero-title-width,820px));box-sizing:border-box;text-wrap:balance;
}
body .scaphero__cabecera h1.wp-block-heading{--alk-hero-title-width:820px;}
body .sacerohero .scaphero__cabecera h1.wp-block-heading{--alk-hero-title-width:620px;}
body .sseolhero .scaphero__cabecera h1.wp-block-heading{--alk-hero-title-width:640px;}
body .sdethero .scaphero__cabecera h1.wp-block-heading{--alk-hero-title-width:860px;}
body .sservhero__cabecera h1.wp-block-heading{--alk-hero-title-width:780px;}
body .smaqhero__top h1.wp-block-heading{--alk-hero-title-width:920px;}
body .scalidadhero h1.wp-block-heading{--alk-hero-title-width:760px;}
body .bcontactohero__contenido h1.wp-block-heading{--alk-hero-title-width:600px;}
body .scasohero h1.wp-block-heading{--alk-hero-title-width:930px;}
body .scasolistado__hero h1.wp-block-heading{--alk-hero-title-width:850px;}
body .slocalhero h1.wp-block-heading{--alk-hero-title-width:600px;}
body:not(.home) .shero h1.wp-block-heading{font-size:clamp(34px,3.2vw,46px);line-height:1.15;text-wrap:balance;}
body .sservhero__cabecera h1.wp-block-heading{font-size:clamp(32px,2.75vw,40px);line-height:1.15;text-wrap:balance;}

/* Si la imagen decorada se inserta como bloque independiente, el relleno
   genérico de `.pagecont > *` alteraría sus elementos posicionados. */
.pagecont > .bimagendec1{
  padding:0;
  margin-block:55px;
}

/* Página Contacto: el template clásico envuelve el contenido en `.centro`.
   El color de la sección se prolonga a los laterales sin usar `100vw`, que
   incluiría la barra de scroll y provocaría desplazamiento horizontal. */
.scontactohero,
.scontacto{
  position:relative;
  left:auto;
  width:100%;
  margin-inline:0;
}
.scontactohero{min-height:266px;}
.scontacto{background:var(--color-light);padding:60px max(20px,calc((100vw - 1216px) / 2)) 36px;box-sizing:border-box;box-shadow:0 0 0 100vmax var(--color-light);clip-path:inset(0 -100vmax);}
@media (max-width:940px){
  .scontactohero{min-height:240px;}
  .scontacto{padding-block:48px;}
}
@media (max-width:600px){
  .scontactohero{min-height:220px;}
  .scontacto{padding-block:36px;}
}

/* Calidad: el cover no va a sangre, va a ancho de contenido */
.scalidad.scalidad{/* max-width: var(--ancho, 1300px);*/ margin-inline: auto; }
.scalidad .wp-block-cover__inner-container{paddin-inline: max(20px, calc((100% - var(--ancho, 1300px)) / 2));}
/* Franja de imagen a sangre: anula el padding de `.pagecont > *` */
.sfranja.sfranja{ padding:0 !important; margin:0 !important; max-width:none; }

/* La tira de clientes a sangre y su versión móvil viven en blocks.css.
   El estado animado se activa únicamente cuando clientes-marquee.js está listo. */

/* ========================================================================== 
   HEADER ALKAIN
   ========================================================================== */
body{margin:80px 0 0 !important;}
body.menu-open{overflow:hidden;}

.site-header{position:relative;z-index:100;}
nav.navbar{
  position:fixed;z-index:1000;inset:0 0 auto;
  height:80px;background:#fff;
  border-bottom:1px solid rgba(24,32,53,.10);
  box-shadow:0 5px 20px rgba(24,32,53,.035);
}
body.admin-bar nav.navbar{top:32px;}

nav.navbar > .navbar__inner{
  width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 32px;
  display:flex;align-items:center;gap:34px;box-sizing:border-box;
}
nav.navbar .navbar-header{position:static;display:flex;align-items:center;flex:0 0 auto;}
nav.navbar .navbar-brand,
nav.navbar .custom-logo-link{display:flex;align-items:center;line-height:0;}
nav.navbar .navbar-brand img,
nav.navbar .custom-logo{display:block;width:auto;max-width:119px;max-height:48px;padding:0;}

nav.navbar #navbar{
  min-width:0;padding:0;display:flex;align-items:center;flex:1;gap:34px;
}
nav.navbar .header-primary-menu{min-width:0;display:flex;justify-content:center;flex:1;}
nav.navbar #navbar ul{margin:0;padding:0;list-style:none;}
nav.navbar #navbar .header-menu{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:nowrap;}
nav.navbar #navbar .header-menu > li{position:relative;width:auto;margin:0;padding:0;text-align:left;}
nav.navbar #navbar .header-menu > li > a{
  position:relative;display:flex;align-items:center;min-height:44px;
  color:var(--color-dark);font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;
  line-height:1.2;text-decoration:none;white-space:nowrap;
  transition:color .22s ease;
}
nav.navbar #navbar .header-menu > li > a::after{
  content:"";position:absolute;right:0;bottom:5px;left:0;height:2px;
  background:var(--color-main);transform:scaleX(0);transform-origin:right;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
nav.navbar #navbar .header-menu > li:is(:hover,:focus-within,.current-menu-item,.current-menu-ancestor) > a{color:var(--color-main);}
nav.navbar #navbar .header-menu > li:is(:hover,:focus-within,.current-menu-item,.current-menu-ancestor) > a::after{transform:scaleX(1);transform-origin:left;}

nav.navbar #navbar .sub-menu{
  position:absolute;z-index:2;top:calc(100% + 8px);left:50%;min-width:220px;
  display:block;padding:10px;background:#fff;border:1px solid var(--color-borde);
  box-shadow:0 18px 45px rgba(24,32,53,.14);opacity:0;visibility:hidden;
  transform:translate(-50%,8px);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s;
  max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;
}
nav.navbar #navbar .sub-menu li{margin:0;padding:0;}
nav.navbar #navbar .sub-menu a{display:block;padding:10px 12px;color:var(--color-dark);font-size:13px;line-height:1.4;text-decoration:none;}
nav.navbar #navbar .sub-menu a:hover,
nav.navbar #navbar .sub-menu a:focus-visible{background:var(--color-light);color:var(--color-main);}
body:not(.header-compact) nav.navbar #navbar .menu-item-has-children:hover > .sub-menu,
body:not(.header-compact) nav.navbar #navbar .menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0);}
.submenu-toggle{display:none;}

nav.navbar .header-cta{flex:0 0 auto;}
nav.navbar .header-cta__menu{display:block !important;}
nav.navbar .header-cta__menu li{margin:0 !important;padding:0 !important;}
nav.navbar .header-cta a,
nav.navbar .header-cta__link{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:44px;padding:10px 19px 10px 21px;box-sizing:border-box;
  border:1px solid var(--color-main);border-radius:var(--btn-radius,999px);
  background:var(--color-main);color:#fff !important;
  font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;
  box-shadow:0 8px 22px rgba(41,71,97,.16);
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease;
}
nav.navbar .header-cta a::after,
nav.navbar .header-cta__link::after{
  content:"↗";font-size:16px;font-weight:400;line-height:1;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
nav.navbar .header-cta a:hover,
nav.navbar .header-cta a:focus-visible,
nav.navbar .header-cta__link:hover,
nav.navbar .header-cta__link:focus-visible{
  background:var(--color-dark);border-color:var(--color-dark);box-shadow:0 10px 28px rgba(24,32,53,.22);transform:translateY(-1px);
}
nav.navbar .header-cta a:hover::after,
nav.navbar .header-cta a:focus-visible::after,
nav.navbar .header-cta__link:hover::after,
nav.navbar .header-cta__link:focus-visible::after{transform:translate(3px,-3px);}

nav.navbar :is(a,button):focus-visible{outline:2px solid var(--color-main);outline-offset:4px;}
nav.navbar .navbar-toggle{display:none;}

nav.navbar .header-languages{position:relative;flex:0 0 auto;font:500 14px/1.4 'Poppins',sans-serif;}
nav.navbar .header-languages summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;color:var(--color-dark);}
nav.navbar .header-languages summary::-webkit-details-marker{display:none;}
nav.navbar .header-languages summary::after{content:'';width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);}
nav.navbar .header-languages[open] summary::after{transform:rotate(225deg);}
nav.navbar #navbar .header-languages__list{position:absolute;z-index:3;right:0;top:100%;min-width:150px;padding:8px;background:#fff;border:1px solid var(--color-borde);box-shadow:0 12px 30px rgba(24,32,53,.14);}
nav.navbar .header-languages:not([open]) > .header-languages__list{display:none;}
nav.navbar .header-languages[open] > .header-languages__list{display:block;}
nav.navbar .header-languages__list a{display:block;padding:10px 12px;color:var(--color-dark);text-decoration:none;}
nav.navbar .header-languages__list a:is(:hover,:focus-visible,[aria-current]){background:var(--color-light);}

@media (max-width:1100px) and (min-width:941px){
  nav.navbar > .navbar__inner{padding-inline:24px;gap:22px;}
  nav.navbar #navbar{gap:22px;}
  nav.navbar #navbar .header-menu{gap:18px;}
  nav.navbar #navbar .header-menu > li > a{font-size:13px;}
  nav.navbar .header-cta a,
  nav.navbar .header-cta__link{padding-inline:16px;font-size:12px;}
}

body.header-compact{margin:72px 0 0 !important;}
  body.header-compact nav.navbar{height:72px;}
  body.header-compact nav.navbar > .navbar__inner{max-width:none;padding:0 20px;display:block;}
  body.header-compact nav.navbar .navbar-header{position:relative;width:100%;height:72px;justify-content:space-between;margin:0;}
  body.header-compact nav.navbar .navbar-brand img,
  body.header-compact nav.navbar .custom-logo{max-width:116px;max-height:44px;}

  body.header-compact nav.navbar .navbar-toggle{
    position:static;width:auto;height:44px;margin:0;padding:0 2px;border:0;
    display:inline-flex;align-items:center;gap:11px;background:transparent;color:var(--color-dark);
    font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;line-height:1;cursor:pointer;
  }
  body.header-compact nav.navbar .navbar-toggle__icon{position:relative;display:block;width:26px;height:18px;}
  body.header-compact nav.navbar .navbar-toggle__icon span{
    position:absolute;right:0;width:26px;height:2px;border-radius:2px;background:currentColor;
    transition:top .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),width .25s ease;
  }
  body.header-compact nav.navbar .navbar-toggle__icon span:first-child{top:4px;}
  body.header-compact nav.navbar .navbar-toggle__icon span:last-child{top:12px;width:18px;}
  body.header-compact nav.navbar.is-open .navbar-toggle__icon span:first-child{top:8px;transform:rotate(45deg);}
  body.header-compact nav.navbar.is-open .navbar-toggle__icon span:last-child{top:8px;width:26px;transform:rotate(-45deg);}

  body.header-compact nav.navbar #navbar{
    position:fixed;z-index:999;top:72px;right:0;bottom:0;left:0;
    padding:28px 20px max(24px,env(safe-area-inset-bottom));
    display:flex;align-items:stretch;flex-direction:column;gap:28px;
    overflow-y:auto;overscroll-behavior:contain;background:var(--color-dark);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);
    transition:opacity .28s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility .28s;
  }
  body.header-compact nav.navbar.is-open #navbar{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
  body.header-compact nav.navbar .header-primary-menu{display:block;flex:0 0 auto;}
  body.header-compact nav.navbar #navbar .header-menu{display:block;width:100%;}
  body.header-compact nav.navbar #navbar .header-menu > li{position:relative;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.16);}
  body.header-compact nav.navbar #navbar .header-menu > li:first-child{border-top:1px solid rgba(255,255,255,.16);}
  body.header-compact nav.navbar #navbar .header-menu > li > a{
    min-height:0;padding:17px 50px 17px 0;color:#fff;font-size:clamp(20px,6vw,26px);font-weight:600;line-height:1.22;white-space:normal;
  }
  body.header-compact nav.navbar #navbar .header-menu > li > a::after{display:none;}
  body.header-compact nav.navbar #navbar .header-menu > li:is(:hover,:focus-within,.current-menu-item,.current-menu-ancestor) > a{color:#fff;}

  body.header-compact nav.navbar #navbar .submenu-toggle{
    position:absolute;z-index:2;top:9px;right:0;width:42px;height:42px;padding:0;border:0;
    display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer;
  }
  body.header-compact nav.navbar #navbar .submenu-toggle span{width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s ease;}
  body.header-compact nav.navbar #navbar .submenu-toggle[aria-expanded="true"] span{transform:rotate(225deg) translate(-1px,-1px);}
  body.header-compact nav.navbar #navbar .sub-menu{
    position:static;inset:auto;width:100%;min-width:0;max-width:none;height:auto;max-height:none;
    margin:0;padding:0;border:0;background:transparent;box-shadow:none;box-sizing:border-box;
    display:none;overflow:visible;opacity:1;visibility:visible;transform:none;transition:none;
  }
  body.header-compact nav.navbar #navbar .submenu-open > .sub-menu{display:block;padding:0 0 14px 16px;}
  body.header-compact nav.navbar #navbar .sub-menu a{padding:9px 0;color:rgba(255,255,255,.76);font-size:15px;}
  body.header-compact nav.navbar #navbar .sub-menu a:hover,
  body.header-compact nav.navbar #navbar .sub-menu a:focus-visible{background:transparent;color:#fff;}

  body.header-compact nav.navbar .header-cta{width:100%;margin-top:auto;padding-top:6px;}
  body.header-compact nav.navbar .header-cta__menu{width:100%;}
  body.header-compact nav.navbar .header-cta a,
  body.header-compact nav.navbar .header-cta__link{
    width:100%;min-height:52px;padding:14px 20px;background:#fff;border-color:#fff;color:var(--color-dark) !important;
    font-size:14px;box-shadow:none;
  }
  body.header-compact nav.navbar .header-cta a:hover,
  body.header-compact nav.navbar .header-cta a:focus-visible,
  body.header-compact nav.navbar .header-cta__link:hover,
  body.header-compact nav.navbar .header-cta__link:focus-visible{background:var(--color-light);border-color:var(--color-light);color:var(--color-dark) !important;}
  body.header-compact nav.navbar :is(a,button):focus-visible{outline-color:#fff;}

@media (max-width:782px){
  body.admin-bar nav.navbar{top:46px;}
  body.admin-bar nav.navbar #navbar{top:118px;}
}

body.header-compact.admin-bar nav.navbar #navbar{top:104px;}
body.header-compact nav.navbar #navbar{box-sizing:border-box;overflow-x:hidden;}
body.header-compact nav.navbar .header-languages{width:100%;}
body.header-compact nav.navbar .header-languages summary{justify-content:space-between;color:#fff;}
body.header-compact nav.navbar #navbar .header-languages__list{position:static;inset:auto;width:100%;min-width:0;margin:0;box-sizing:border-box;border:0;box-shadow:none;background:transparent;transform:none;}
body.header-compact nav.navbar .header-languages__list a{color:#fff;}
body.header-compact nav.navbar .header-languages__list a:is(:hover,:focus-visible,[aria-current]){background:rgba(255,255,255,.1);}
body.header-compact nav.navbar .header-languages summary:focus-visible{outline:2px solid #fff;outline-offset:4px;}
@media (max-width:782px){body.header-compact.admin-bar nav.navbar #navbar{top:118px;}}

.site-not-found{max-width:900px;margin:0 auto;padding:100px 24px 120px;}
.site-not-found__code{font-size:18px;font-weight:600;color:var(--color-main);}
.site-not-found h1{font-size:clamp(32px,5vw,52px);}
.site-not-found a{display:inline-block;margin-top:20px;color:var(--color-main);font-weight:600;}

@media (prefers-reduced-motion:reduce){
  nav.navbar *,nav.navbar *::before,nav.navbar *::after{scroll-behavior:auto !important;transition-duration:.01ms !important;}
}

/* Página local: sangrados independientes del hero o de un grupo de página.
   100% excluye la barra de scroll. Nunca se usan 100vw ni márgenes negativos. */
:is(.slocalhero,.slocalventajas,.slocalsectores,.slocalcta,.slocalfaq).alk-sec{
  padding-inline:max(20px,calc((100% - 1216px) / 2));
}
.pagecont > .slocalbanner{padding:0;}
.pagecont > .bcaptec--local,
.page > .contenido > .bcaptec--local{
  width:calc(100% - 40px);max-width:1216px;padding:0;margin:55px auto;
}