/* 22.0.142: mismas reglas para las variantes nativas y de Elementor. */
body#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design {
  &.er-route-para-quien .tarjeta-aud:has(a[href*="aud-empresas"]) {--pc:#CD2830!important;}
  &.er-route-para-quien .tarjeta-aud:has(a[href*="aud-iglesias"]) {--pc:#5F7A61!important;}
  &.er-route-aud-cajas .bg-rojo-d:has(.er-v22-audience-closing) {background:#CD2830!important;background-image:none!important;}

  /* Las seis opciones comparten franja, orden, altura y escala. */
  :is(.er-closure-resource-nav,.er-closure-resource-links) {
    width:100%!important;max-width:1232px!important;margin-inline:auto!important;
    box-sizing:border-box!important;border-radius:0!important;
  }
  .er-closure-resource-links {
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;padding:16px 24px!important;
    align-items:stretch!important;justify-content:stretch!important;overflow:visible!important;
  }
  .er-closure-resource-links > a {
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:54px!important;
    margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;
    font-size:16px!important;line-height:1.35!important;font-weight:700!important;
    white-space:normal!important;text-align:center!important;flex:none!important;
    border:1px solid #E2DDD7!important;border-radius:10px!important;
    background:#fff!important;color:#101014!important;text-decoration:none!important;
  }
  .er-closure-resource-links > a:is([aria-current="page"],:hover,:focus-visible) {
    background:#CD2830!important;border-color:#CD2830!important;color:#fff!important;
  }
  .er-closure-resource-links > a:focus-visible {outline:3px solid #101014!important;outline-offset:3px!important;}

  /* Misma altura útil; acciones especiales quedan fuera de la cabecera. */
  :is(&.er-route-casos,&.er-route-guias,&.er-route-blog,&.er-route-glosario,&.er-route-eu-ai-act,&.er-route-herramientas) .er-v21-hero {
    min-height:308px!important;height:auto!important;box-sizing:border-box!important;
    justify-content:center!important;gap:16px!important;
  }
  .er-closure-resource-actions {
    width:100%!important;max-width:1232px!important;margin:0 auto!important;
    padding:0 24px 24px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;
  }
  .er-closure-resource-crumbs {width:100%!important;max-width:1232px!important;margin:0 auto!important;padding:16px 24px 0!important;font-size:14px!important;line-height:1.5!important;}

  &.er-route-nosotros :is(.er-doc-north-label,.er-doc-voices-label,.er-ref-eyebrow,.eyebrow,.er-doc-eyebrow),
  &.er-route-nosotros :is(.er-ref-eyebrow,.eyebrow,.er-doc-eyebrow) :is(p,.elementor-widget-container) {
    font-size:16px!important;line-height:1.5!important;font-weight:700!important;letter-spacing:.12em!important;
  }
  .er-v22-include-row > .elementor-widget-container,
  .er-v22-include-row > .elementor-widget-container p {
    font-size:19px!important;line-height:1.55!important;
  }
  &.er-route-impacto .er-ref-fu-marca,
  &.er-route-impacto .er-ref-fu-marca :is(p,.elementor-widget-container) {
    font-size:16px!important;line-height:1.4!important;font-weight:700!important;
  }

  /* Diferencial: editorial, legible y ligado al contenido, sin caja azul. */
  &.er-route-area-elearning .caja-destacado {
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px 32px!important;align-items:start!important;text-align:left!important;
    margin-top:32px!important;padding:28px!important;border:1px solid #E7E2DC!important;
    border-top:4px solid #CD2830!important;border-radius:14px!important;
    background:#F7F6F4!important;box-shadow:none!important;
  }
  &.er-route-area-elearning .caja-destacado > .sello-dif {
    grid-column:1/-1!important;justify-self:start!important;display:inline-flex!important;
    gap:8px!important;align-items:center!important;background:transparent!important;
    color:#CD2830!important;padding:0!important;border:0!important;font-size:14px!important;
    line-height:1.5!important;font-weight:700!important;letter-spacing:.06em!important;
  }
  &.er-route-area-elearning .sello-dif svg {width:24px!important;height:24px!important;flex:none!important;}
  &.er-route-area-elearning .er-closure-diff-intro {grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;gap:16px!important;}
  &.er-route-area-elearning .er-closure-diff-intro h3 {
    text-align:left!important;margin:0!important;
    font-size:clamp(25px,2.1vw,30px)!important;line-height:1.2!important;color:#101014!important;
  }
  &.er-route-area-elearning .er-closure-diff-intro p {
    text-align:left!important;margin:0!important;font-size:19px!important;line-height:1.55!important;
  }
  &.er-route-area-elearning .caja-destacado > ul {
    grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;
  }
  &.er-route-area-elearning .caja-destacado li {font-size:18px!important;line-height:1.55!important;margin:0!important;padding-block:12px!important;}
}

/* No se desactiva el contacto: se aparta solo mientras tapa una acción o un
   formulario. El enlace de WhatsApp del pie permanece disponible. */
.er-floating-obstructed {
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}

/* Observación roja, pág. 19: ancho real para las etiquetas y una portada
   proporcionada a Inicio. Sin altura fija ni recorte del contenido. */
body#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design.er-route-impacto {
  .er-v22-impact-hero {padding:32px!important;min-height:510px!important;}
  .er-v22-impact-title h1 {font-size:clamp(36px,3.4vw,48px)!important;line-height:1.12!important;}
  .er-v22-impact-hero .er-final-hero-copy {gap:16px!important;padding:24px 28px!important;}
  .er-v22-impact-hero .er-final-hero-copy > .elementor-widget {margin:0!important;}
  .er-v22-impact-hero .er-ref-eyebrow,
  .er-v22-impact-hero .er-ref-eyebrow .elementor-widget-container {color:#CD2830!important;}
  .er-v22-impact-kpis {margin-top:24px!important;}
  .er-v22-impact-kpi {align-items:center!important;justify-content:center!important;min-height:132px!important;gap:10px!important;}
  .er-v22-impact-kpi > :is(.er-v22-impact-label,.er-v22-impact-value) {width:100%!important;max-width:none!important;flex-basis:auto!important;text-align:center!important;}
  .er-v22-impact-label :is(.elementor-widget-container,p) {width:100%!important;max-width:none!important;font-size:16px!important;line-height:1.4!important;text-align:center!important;}
  .er-v22-impact-value .elementor-widget-container {text-align:center!important;}
}
@media(max-width:600px){
  body#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design.er-route-impacto {
    .er-v22-impact-hero {padding:28px 18px!important;min-height:0!important;}
    .er-v22-impact-title h1 {font-size:clamp(30px,8vw,38px)!important;}
    .er-v22-impact-hero .er-final-hero-copy {padding:22px 20px!important;}
    .er-v22-impact-label :is(.elementor-widget-container,p) {font-size:15px!important;}
  }
}
body.edured-v22-observaciones-completas .cky-btn-accept {background:#CD2830!important;border-color:#CD2830!important;color:#fff!important;}
body.edured-v22-observaciones-completas :is(.cky-btn-customize,.cky-btn-reject) {border-color:#CD2830!important;color:#CD2830!important;}
body.edured-v22-observaciones-completas .cky-btn:focus-visible {outline:3px solid #101014!important;outline-offset:3px!important;}

/* Guardianes contiene más de diez mil píxeles de contenido en escritorio.
   El navegador no necesita dibujar toda esa página antes de mostrar el banner.
   auto conserva accesibilidad, búsqueda y el tamaño aprendido al visitar cada
   bloque. No se aplica a portada, navegación, formularios ni controles fijos. */
@supports(content-visibility:auto){
  body.page-id-100130 .elementor-element-e00d76 > :is(.elementor-element-e00c66,.elementor-element-e00c7d,.elementor-element-e00c9b,.elementor-element-e00ccb,.elementor-element-e00d0a,.elementor-element-e00d30,.elementor-element-e00d49,.elementor-element-e00d62,.elementor-element-e00d6c,.elementor-element-e00d75) {
    content-visibility:auto;contain-intrinsic-size:auto 800px;
  }
  @media(max-width:600px){body.page-id-100130 .elementor-element-e00d76 > .e-con {contain-intrinsic-size:auto 1400px;}}
  @media print{body.page-id-100130 .elementor-element-e00d76 > .e-con {content-visibility:visible;contain-intrinsic-size:none;}}
}

@media(max-width:900px){
  body#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design {
    .er-closure-resource-links {display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:12px 16px!important;}
    .er-closure-resource-links > a {flex:0 0 auto!important;width:auto!important;min-width:132px!important;min-height:52px!important;font-size:15px!important;}
    :is(&.er-route-casos,&.er-route-guias,&.er-route-blog,&.er-route-glosario,&.er-route-eu-ai-act,&.er-route-herramientas) .er-v21-hero {min-height:0!important;}
    &.er-route-area-elearning .caja-destacado {grid-template-columns:1fr!important;padding:22px!important;gap:16px!important;}
    &.er-route-area-elearning .caja-destacado > :is(.sello-dif,.er-closure-diff-intro,ul) {grid-column:1!important;grid-row:auto!important;}
  }
}
@media(max-width:600px){
  body#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design#edured-native-design {
    .er-v22-include-row > .elementor-widget-container,
    .er-v22-include-row > .elementor-widget-container p {font-size:17px!important;}
    .er-closure-resource-actions {padding-inline:20px!important;}
    .er-closure-resource-actions > * {width:100%!important;}
    &.er-route-area-elearning .er-closure-diff-intro p,
    &.er-route-area-elearning .caja-destacado li {font-size:17px!important;}
  }
}