/* ALO navigation and conversion flow. Salient retains interaction and motion. */
/* Signed-in primary door: retain the start button, replace its arrow with the
   minimal state eye, and remove redundant account controls only when the door exists. */
html body.alo-public-site header#top:has(.alo-mialo-primary) a.mobile-user-account,
html body.alo-public-site header#top:has(.alo-mialo-primary) #nectar-user-account,
html body.alo-public-site header#top:has(.alo-mialo-primary) nav > ul.buttons > li:has(.icon-salient-m-user),
html body.alo-public-site header#top:has(.alo-mialo-primary) .alo-mialo-entry {
  display: none !important;
}

html body.alo-public-site header#top nav li.button_solid_color.alo-mialo-primary > a .menu-title-text::after {
  display: none !important;
  content: none !important;
}

/* Decorative CSS icon: the visible miALO label remains the accessible name.
   Closed on public pages; open on the existing private app shell. */
html body.alo-public-site header#top nav li.alo-mialo-primary > a .menu-title-text::before {
  content: "";
  display: inline-block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-right: .5em;
  vertical-align: -.15em;
  background: currentColor;
  --alo-mialo-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010c2.4%203.2%205.4%204.8%209%204.8s6.6-1.6%209-4.8M6%2013.5l-1.2%201.8M12%2014.8v2M18%2013.5l1.2%201.8%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask: var(--alo-mialo-eye) center / contain no-repeat;
  mask: var(--alo-mialo-eye) center / contain no-repeat;
}

html body.alo-public-site.alo-app-shell header#top nav li.alo-mialo-primary > a .menu-title-text::before {
  --alo-mialo-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012s3.2-5%209-5%209%205%209%205-3.2%205-9%205-9-5-9-5Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 1000px) {
  html body.alo-public-site #header-outer#header-outer header#top .span_9 > nav:has(> ul.sf-menu .alo-mialo-primary) {
    right: 66px;
  }
}

/* The private entry adapter adds a named account link to top_nav. Salient also
   renders its native account control and a mobile-only top_nav copy. Keep one
   account door in each header layout; the expanded menu keeps its own entry. */
@media (min-width: 1001px) {
  html body.alo-public-site header#top:has(nav .alo-mialo-entry) nav > ul.buttons > li:has(.icon-salient-m-user) {
    display: none !important;
  }

  html body.alo-public-site header#top nav .alo-mialo-entry > a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

@media (max-width: 1000px) {
  html body.alo-public-site header#top:has(a.mobile-user-account) .mobile-header .alo-mialo-entry {
    display: none !important;
  }

  html body.alo-public-site header#top a.mobile-user-account .icon-salient-m-user {
    display: none !important;
  }

  html body.alo-public-site header#top a.mobile-user-account .screen-reader-text {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap;
    font: 700 14px/1.4 "Manrope", Arial, sans-serif;
  }
}

html body.alo-public-site #header-outer.transparent[data-permanent-transparent="1"] {
  border-bottom-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Salient outputs desktop and mobile logo families together. Keep exactly one
   family in layout so identical eye assets cannot stack on the same pixel. */
@media (min-width: 1001px) {
  html body.alo-public-site #header-outer#header-outer header#top #logo img.mobile-only-logo {
    display: none !important;
    opacity: 0 !important;
  }
}

@media (max-width: 1000px) {
  /* En móvil la cabecera cerrada sigue siendo parte de la escena: transparente
     también cuando Salient la separa para hacerla sticky. El lienzo oscuro solo
     aparece al abrir el menú. */
  html body.alo-public-site #header-outer,
  html body.alo-public-site #header-outer.transparent[data-permanent-transparent="1"] {
    min-height: 69px !important;
    border-bottom: 1px solid transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 1 !important;
    transition:
      transform 220ms cubic-bezier(.2, .7, .2, 1),
      height 220ms cubic-bezier(.2, .7, .2, 1),
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease !important;
  }

  /* Salient can collapse the tablet header's layout boxes while leaving the
     icons painted outside them. Preserve real 44 px hit areas at 768–1000 px,
     not only the appearance of them. */
  html body.alo-public-site header#top,
  html body.alo-public-site header#top > .container,
  html body.alo-public-site header#top .row,
  html body.alo-public-site header#top .span_3,
  html body.alo-public-site header#top .span_9 {
    min-height: 44px !important;
  }

  html body.alo-public-site header#top #logo {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center;
    justify-content: center;
  }

  html body.alo-public-site header#top .slide-out-widget-area-toggle,
  html body.alo-public-site header#top .slide-out-widget-area-toggle > div,
  html body.alo-public-site header#top .slide-out-widget-area-toggle a,
  html body.alo-public-site header#top a.mobile-user-account,
  html body.alo-public-site header#top nav > ul.buttons > li > a {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html body.alo-public-site header#top .slide-out-widget-area-toggle a,
  html body.alo-public-site header#top a.mobile-user-account,
  html body.alo-public-site header#top nav > ul.buttons > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Salient centra el área táctil de cuenta, pero vuelve a desplazar el glifo
     con top + translateY y lo deja visualmente al pie. El flex ya resuelve el
     eje: neutralizamos solo ese segundo movimiento, sin tocar los 44/54 px. */
  html body.alo-public-site header#top a.mobile-user-account .icon-salient-m-user {
    top: 0 !important;
    transform: none !important;
  }

  /* Al abrir el lienzo de navegación Salient cambia sello e iconos a blanco.
     La franja superior debe entrar en la misma tinta para no borrarlos. */
  html body.alo-public-site #header-outer:has(.slide-out-widget-area-toggle a[aria-expanded="true"]) {
    border-bottom-color: rgba(252, 251, 248, .14) !important;
    background-color: rgba(43, 44, 48, .96) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) saturate(.94);
    -webkit-backdrop-filter: blur(18px) saturate(.94);
  }

  html body.alo-public-site #header-outer#header-outer header#top #logo img.default-logo {
    display: none !important;
    opacity: 0 !important;
  }

  /* El disco ya ocupa el área táctil completa. La línea se centra dentro del
     flex del botón; cualquier desplazamiento vertical la manda al borde. */
  html body.alo-public-site header#top .slide-out-widget-area-toggle a > span[aria-hidden="true"] {
    z-index: 1;
    top: 0;
  }

  html body.alo-public-site header#top a.verlo-mas-claro {
    display: inline-flex !important;
    min-height: 44px;
    align-items: center;
  }

  /* Salient mantiene el CTA principal también en móvil. Solo reaparece ese
     elemento del menú: entender sigue en el lienzo, empezar queda a una mano.
     La estructura identifica el menú; su nombre accesible se traduce. */
  html body.alo-public-site #header-outer#header-outer header#top .span_9 > nav:has(> ul.sf-menu) {
    position: absolute !important;
    top: 50%;
    right: 121px;
    display: block !important;
    width: auto !important;
    height: 44px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%);
    transition: opacity 140ms ease;
  }

  html body.alo-public-site header#top .span_9 > nav:has(> ul.sf-menu) > ul.sf-menu {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
  }

  html body.alo-public-site header#top .span_9 > nav:has(> ul.sf-menu) > ul.sf-menu > li {
    display: none !important;
  }

  html body.alo-public-site header#top .span_9 > nav:has(> ul.sf-menu) > ul.sf-menu > li.button_solid_color {
    display: flex !important;
    width: auto !important;
    height: 44px !important;
    margin: 0 !important;
    align-items: center;
  }

  html body.alo-public-site header#top .span_9 > nav:has(> ul.sf-menu) > ul.sf-menu > li.button_solid_color > a {
    display: inline-flex !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 9px !important;
    align-items: center;
    border: 1px solid rgba(114, 85, 101, .34) !important;
    border-radius: 4px;
    color: #fcfbf8 !important;
    background: #8d6878 !important;
    box-shadow: 0 6px 16px rgba(43, 44, 48, .08);
    font-size: 13px !important;
    font-weight: 800;
    line-height: 1 !important;
  }

  html body.alo-public-site #header-outer#header-outer:has(.slide-out-widget-area-toggle a[aria-expanded="true"]) header#top .span_9 > nav:has(> ul.sf-menu) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
}

@media (max-width: 359px) {
  /* Give the named CTA room beside account access, keeping 44 px hit areas. */
  html body.alo-public-site.alo-o-eye-system #header-outer#header-outer header#top a#logo,
  html body.alo-public-site.alo-o-eye-system #header-outer#header-outer header#top a#logo img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
  }

  html body.alo-public-site #header-outer header#top a.mobile-user-account {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  html body.alo-public-site header#top .span_9 > nav:has(> ul.sf-menu) > ul.sf-menu > li.button_solid_color > a {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}

/* Una sola flecha significa decisión. Se reserva al CTA principal. */
html body.alo-public-site header#top nav li.button_solid_color > a .menu-title-text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

html body.alo-public-site header#top nav li.button_solid_color > a .menu-title-text::after {
  display: inline-block;
  margin-left: .48em;
  content: "\2192\FE0E";
  font-size: .94em;
  line-height: 1;
  transform: translateX(0);
  transition: transform 180ms cubic-bezier(.2, .7, .2, 1);
}

@media (hover: hover) {
  html body.alo-public-site header#top nav li.button_solid_color > a:hover .menu-title-text::after,
  html body.alo-public-site header#top nav li.button_solid_color > a:focus-visible .menu-title-text::after {
    transform: translateX(3px);
  }
}

/* El enlace editorial comparte el gesto de "mirar": una linea corta que se
   completa al decidir entrar. No compite con el CTA de empezar. */
html body.alo-public-site header#top a.verlo-mas-claro {
  position: relative;
}

html body.alo-public-site header#top a.verlo-mas-claro::after {
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  height: 1px;
  content: "";
  background: currentColor;
  opacity: .52;
  transform: scaleX(.22);
  transform-origin: left center;
  transition: transform 180ms ease, opacity 180ms ease;
}

@media (hover: hover) {
  html body.alo-public-site header#top a.verlo-mas-claro:hover::after,
  html body.alo-public-site header#top a.verlo-mas-claro:focus-visible::after {
    opacity: .9;
    transform: scaleX(1);
  }
}

html body.alo-public-site header#top nav > ul > li > a:focus-visible {
  border-radius: 3px;
  outline: 3px solid #725565 !important;
  outline-offset: 4px;
}

body.alo-public-site #slide-out-widget-area .off-canvas-menu-container.mobile-only {
  display: none;
}

body.alo-public-site #slide-out-widget-area-bg .bg-inner {
  background: #2b2c30;
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
  padding: clamp(92px, 12vh, 150px) 24px clamp(42px, 7vh, 84px);
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) {
  width: min(720px, calc(100vw - 48px));
  margin-inline: auto;
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container:not(.mobile-only) li {
  margin-bottom: 10px;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-section-start {
  margin-top: clamp(18px, 2.6vh, 30px);
  padding-top: 0;
  border-top: 0;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-understand:first-child {
  margin-top: 0;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-section-start::before {
  display: block;
  margin-bottom: 3px;
  color: rgba(252, 251, 248, .68);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-understand.alo-nav-section-start::before {
  content: none;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-editorial.alo-nav-section-start::before {
  content: "Para mirar";
}

body.alo-public-site #slide-out-widget-area li.alo-nav-account.alo-nav-section-start::before {
  content: "Tu espacio";
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a {
  display: inline-flex;
  align-items: center;
  gap: .28em;
  transition: color .24s ease, transform .24s ease;
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a::after {
  content: "\2197\FE0E";
  color: rgba(252, 251, 248, .68);
  font-size: .48em;
  line-height: 1;
  opacity: 0;
  transform: translate(-7px, 3px);
  transition: opacity .2s ease, transform .24s ease;
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a:hover,
body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a:focus-visible {
  transform: translateX(8px);
}

body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a:hover::after,
body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li:not(.alo-nav-start) > a:focus-visible::after {
  opacity: 1;
  transform: translate(0, 3px);
}

html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li.alo-nav-start > a {
  display: inline-flex;
  width: auto;
  min-width: max-content;
  box-sizing: border-box;
  justify-content: center;
  padding: 16px clamp(34px, 3vw, 48px) !important;
  border: 1px solid #8d6878;
  border-radius: 4px;
  color: #fcfbf8;
  background: #8d6878;
  transition: color .24s ease, background-color .24s ease, border-color .24s ease, transform .24s ease;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-start {
  margin-top: 14px;
}

body.alo-public-site #slide-out-widget-area li.alo-nav-start > a:hover,
body.alo-public-site #slide-out-widget-area li.alo-nav-start > a:focus-visible {
  border-color: #fcfbf8;
  color: #2b2c30;
  background: #fcfbf8;
  transform: translateY(-2px);
}

body.alo-public-site #slide-out-widget-area a:focus-visible {
  outline: 2px solid #fcfbf8;
  outline-offset: 5px;
}

@media (max-height: 760px) and (min-width: 691px) {
  body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
    padding-top: 72px;
    padding-bottom: 28px;
  }

  body.alo-public-site #slide-out-widget-area li.alo-nav-section-start {
    margin-top: 16px;
  }
}

@media (max-width: 690px) {
  /* Salient ensancha algunas filas completas unos pocos subpixeles según el
     ancho. ALO mantiene el lienzo exacto para que 320–390 px no hagan deriva. */
  body.alo-public-site #ajax-content-wrap :is(.alo-home, .alo-page) > .row_col_wrap_12 {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  /* Salient puede sumar 25 px al padding porcentual de la columna interior. */
  body.alo-public-site #ajax-content-wrap .alo-page > .row_col_wrap_12 > .wpb_column[class*="padding-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.alo-public-site .alo-page a {
    text-wrap: pretty;
  }

  body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
    padding: 96px 22px 42px;
  }

  body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) {
    width: 100%;
  }

  body.alo-public-site #slide-out-widget-area li.alo-nav-section-start::before {
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.alo-public-site #header-outer,
  html body.alo-public-site #header-outer.transparent[data-permanent-transparent="1"],
  html body.alo-public-site header#top a.verlo-mas-claro::after {
    transition: none !important;
  }

  html body.alo-public-site header#top nav li.button_solid_color > a .menu-title-text::after {
    transition: none !important;
  }

  body.alo-public-site #slide-out-widget-area.fullscreen-alt.open .off-canvas-menu-container:not(.mobile-only) li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container a {
    transition: none !important;
  }
}

/* Final visual audit · 2026-09-09. Scoped to the public Salient shell. */
/* Keep the named primary entry; Salient also renders the account menu item. */
html body.alo-public-site #slide-out-widget-area:has(.alo-mialo-primary) li.alo-nav-account {
  display: none !important;
}
html body.alo-public-site #slide-out-widget-area-bg.open,
html body.alo-public-site #slide-out-widget-area-bg.open .bg-inner {
  opacity: 1 !important;
  background: #2b2c30 !important;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner-wrap {
  padding-top: 0 !important;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
  padding: 174px 28px 48px !important;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) {
  width: min(600px, 100%);
  padding-inline: 0 !important;
  text-align: left;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li > a {
  font-size: clamp(23px, 2.6vw, 36px) !important;
  line-height: 1.3 !important;
  letter-spacing: -.025em;
  color: #fcfbf8 !important;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li.alo-nav-start > a {
  min-width: 0;
  padding: 12px 24px !important;
  background: #725565;
}
html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li.alo-navigation-contact > a {
  font-size: 17px !important;
  letter-spacing: .01em;
}
html body.alo-public-site #header-outer:has(.slide-out-widget-area-toggle a[aria-expanded="true"]) header#top .span_9 > nav:has(> ul.sf-menu),
html body.alo-public-site #header-outer:has(.slide-out-widget-area-toggle a[aria-expanded="true"]) header#top :is(.mobile-header, .mobile-user-account) {
  visibility: hidden;
  pointer-events: none;
}
/* These entry rows started above the bottom of the 144 px desktop header. */
@media (min-width: 1001px) {
  html body.alo-public-site #ajax-content-wrap :is(.alo-evidence-hero, .alo-resources-hero, .alo-pause__hero) {
    padding-top: clamp(174px, 15vw, 208px) !important;
  }
}
/* Theme-only decorative rules, never prose's meaningful horizontal breaks. */
html body.alo-public-site #ajax-content-wrap hr.top-border {
  display: none !important;
}
/* SEO keeps these eyebrows semantic paragraphs; retain the ALO label style. */
html body.alo-public-site #ajax-content-wrap p.h6.alo-seo-eyebrow {
  padding-bottom: 0;
  margin-bottom: 24px;
  color: #725565;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: .09em;
}
html body.alo-public-site .alo-evidence-primary {
  gap: .4em;
}
/* wpautop may wrap the link in a paragraph: keep that flex child from shrinking. */
html body.alo-public-site .alo-contact-door > p:last-child {
  flex: 0 0 auto;
}
html body.alo-public-site .alo-contact-door > a,
html body.alo-public-site .alo-contact-door > p:last-child > a {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  white-space: nowrap;
}
html body.alo-public-site footer.alo-footer-v1 a.alo-footer-contact-door {
  letter-spacing: .025em;
  word-spacing: .035em;
  line-height: 1.6;
}
html body.alo-public-site .alo-footer-v1__grid a:is([href$="/libro/"], [href$="/ca/llibre/"], [href$="/en/book/"]) {
  display: inline-flex;
  align-items: center;
  gap: .55em;
  width: fit-content;
  min-height: 44px;
  font-weight: 800;
}
html body.alo-public-site .alo-footer-v1__grid a:is([href$="/libro/"], [href$="/ca/llibre/"], [href$="/en/book/"])::before {
  content: "";
  width: 17px;
  height: 18px;
  flex: 0 0 17px;
  background: currentColor;
  --alo-book-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v15M12 5C8 2 3 3 2 4v15c4-2 7-1 10 1 3-2 6-3 10-1V4c-4-2-7-1-10 1Z'/%3E%3C/svg%3E");
  mask: var(--alo-book-icon) center / contain no-repeat;
  -webkit-mask: var(--alo-book-icon) center / contain no-repeat;
}
/* Restore distinct paper / sage / rose chapters while retaining Salient's fade. */
html body.alo-public-site #ajax-content-wrap .alo-book-role-bridge {
  background-color: #e3e9e0 !important;
}
html body.alo-public-site #ajax-content-wrap .alo-book-role-bridge > .row-bg-wrap .row-bg {
  background-color: #e3e9e0 !important;
}
html body.alo-public-site #ajax-content-wrap .alo-resources-needs > .row-bg-wrap .row-bg {
  background-color: #eee5e9 !important;
}
html body.alo-public-site .alo-resources-refined .alo-resource-list {
  gap: 18px !important;
}
html body.alo-public-site .alo-resources-refined .alo-resource-list__item {
  position: relative;
  padding: clamp(24px, 3vw, 36px) !important;
  background: #fcfbf8;
  border: 0 !important;
  border-radius: 3px;
  box-shadow: inset 4px 0 #8d6878;
  transition: background-color 180ms ease;
}
html body.alo-public-site .alo-resources-refined .alo-resource-list__item:nth-child(2n) {
  box-shadow: inset 4px 0 #a2b29f;
}
html body.alo-public-site .alo-resources-refined .alo-resource-list__item:focus-within {
  background: #e3e9e0;
}
html body.alo-public-site .alo-resources-refined .alo-resource-list__item > a {
  color: #725565 !important;
  font-weight: 750;
  text-underline-offset: .25em;
}
html body.alo-public-site .alo-resources-book-feature {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: 32px;
  padding: 28px;
  background: #e3e9e0;
}
html body.alo-public-site .alo-resources-book-feature img {
  display: block;
  width: 94px;
  height: auto;
  margin: 0;
}
html body.alo-public-site .alo-resources-book-feature h3 {
  margin: 6px 0 12px;
  font-size: clamp(22px, 2.2vw, 30px);
}
html body.alo-public-site .alo-resources-book-feature p {
  max-width: 60ch;
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.6;
}
html body.alo-public-site .alo-resources-book-feature a {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  min-height: 44px;
  color: #725565 !important;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: .25em;
}
html body.alo-public-site .alo-resources-refined .alo-reading-shelf__books {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
html body.alo-public-site .alo-resources-refined .alo-reading-shelf__book {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
}
html body.alo-public-site .alo-resources-refined .alo-reading-shelf__cover {
  width: 48px;
}
html body.alo-public-site .alo-resources-refined .alo-reading-shelf__copy h3 {
  font-size: 16px;
  line-height: 1.45;
}
@media (max-width: 1000px) {
  html body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
    padding: 110px 24px 36px !important;
  }
  html body.alo-public-site #ajax-content-wrap :is(.alo-evidence-hero, .alo-resources-hero, .alo-pause__hero) {
    padding-top: 112px !important;
  }
  html body.alo-public-site #ajax-content-wrap :is(.alo-evidence-hero, .alo-resources-hero, .alo-pause__hero) > .row_col_wrap_12 {
    padding-top: 0 !important;
  }
}
@media (max-width: 690px) {
  html body.alo-public-site .alo-resources-book-feature {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
    padding: 22px 18px;
  }
  html body.alo-public-site .alo-resources-book-feature img { width: 64px; }
  html body.alo-public-site .alo-resources-refined .alo-reading-shelf__books {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 1000px) and (max-height: 700px) {
  html body.alo-public-site #slide-out-widget-area.fullscreen-alt .inner {
    padding-top: 96px !important;
    padding-bottom: 24px !important;
  }
  html body.alo-public-site #slide-out-widget-area.fullscreen-alt .off-canvas-menu-container:not(.mobile-only) li {
    margin-block: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.alo-public-site .alo-resources-refined .alo-resource-list__item { transition: none; }
}
/* Public signed-in contact uses its own form, outside the WPBakery hero. */
html body.alo-public-site .alo-account-contact[data-account-email-contact] {
  padding-top: clamp(174px, 15vw, 208px) !important;
}
html body.alo-public-site .alo-guide-captures { align-items: start; }
html body.alo-public-site .alo-guide-captures figcaption p {
  margin: 0 0 12px !important;
  padding: 0 !important;
}
html body.alo-public-site .alo-guide-captures figcaption p:has(> a) {
  margin-bottom: 4px !important;
}
html body.alo-public-site .alo-guide-captures figcaption a {
  margin-top: 0 !important;
  padding-block: 8px !important;
  gap: .45em;
}
html body.alo-public-site .alo-guide-group { border-top: 0 !important; }
@media (max-width: 1000px) {
  html body.alo-public-site .alo-account-contact[data-account-email-contact] {
    padding-top: 112px !important;
  }
}
/* Cuaderno and Escenas are editorial destinations, with an explicit door. */
html body.alo-public-site .alo-resources-refined .alo-resources-reading-list {
  gap: 24px;
  align-items: stretch;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row {
  overflow: hidden;
  background: #eee5e9;
  border-radius: 3px;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row--scenes {
  background: #e3e9e0;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row__copy {
  padding: 26px !important;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row__copy h3 {
  font-size: clamp(30px, 3.2vw, 44px);
  margin: 12px 0 18px;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row__copy a {
  display: inline-flex;
  min-height: 44px;
  padding: 10px 16px;
  align-items: center;
  gap: .5em;
  background: #2b2c30;
  color: #fcfbf8 !important;
  text-decoration: none !important;
  border-radius: 3px;
}
html body.alo-public-site .alo-resources-refined .alo-resources-reading-row__copy a:is(:hover,:focus-visible) {
  background: #725565;
  outline: 2px solid #725565;
  outline-offset: 3px;
}
/* The shared Salient header stays transparent on every page, including
   its detached return state. The open menu keeps its own dark canvas. */
html body #header-outer#header-outer {
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* The shorter Spanish hub keeps the footer's existing resource signal. */
html body.alo-public-site .alo-footer-v1__grid a[href$="/recursos/"] {
  font-weight: 700;
}
html body.alo-public-site .alo-footer-v1__grid a[href$="/recursos/"]::after {
  display: inline-block;
  margin-left: .42em;
  content: "→";
}

/* Footer rhythm · 2026-09-09. Preserve labels and destinations in ES/CA/EN. */
html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: clamp(20px, 2.5vw, 36px);
}
html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section,
html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section:last-child {
  min-width: 0;
  grid-column: auto;
}
html body.alo-public-site footer.alo-footer-v1 section h3 {
  margin: 0 0 16px;
  line-height: 1.5;
}
html body.alo-public-site footer.alo-footer-v1 section a {
  display: flex;
  align-items: center;
  min-height: 44px;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding-block: 8px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start {
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .01em;
}
html body.alo-public-site footer.alo-footer-v1 a:focus-visible {
  outline: 2px solid #fcfbf8;
  outline-offset: 3px;
  border-radius: 2px;
}
html body.alo-public-site footer.alo-footer-v1 section a:hover {
  color: #fcfbf8;
  text-decoration: underline;
  text-underline-offset: 4px;
}
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start:hover {
  color: #725565;
}
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 20px;
    align-items: stretch;
    padding: 20px 0 0;
    border-top: 1px solid rgba(252, 251, 248, .25);
  }
  html body.alo-public-site footer.alo-footer-v1 section h3 {
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }
  html body.alo-public-site footer.alo-footer-v1 section > p {
    display: contents;
  }
  html body.alo-public-site footer.alo-footer-v1 section a {
    width: 100%;
  }
}
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__signal,
  html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start {
    grid-column: 1 / -1;
  }
  html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start {
    justify-content: space-between;
    padding-inline: 16px;
  }
}
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start::before {
  display: none;
}
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__start {
    justify-content: center;
    gap: 8px;
  }
}
/* A small editorial family: book, notebook and scenes. Text rises 4 px;
   the 44 px hit areas keep their grid positions. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) {
  padding-top: 4px;
  padding-bottom: 12px;
}
@media (min-width: 691px) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) {
    padding-left: calc(17px + .55em);
  }
}

/* ALO editorial symbols · 2026-09-09. Decorative, with visible link labels. */
html body.alo-public-site {
  --alo-footer-wave: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012h2c2%200%202-7%204-7s2%2014%204%2014%202-14%204-14%202%207%204%207h2%22%2F%3E%3C%2Fsvg%3E");
  --alo-footer-closed-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010c2.4%203.2%205.4%204.8%209%204.8s6.6-1.6%209-4.8M6%2013.5l-1.2%201.8M12%2014.8v2M18%2013.5l1.2%201.8%22%2F%3E%3C%2Fsvg%3E");
  --alo-footer-open-eye: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012s3.2-5%209-5%209%205%209%205-3.2%205-9%205-9-5-9-5Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before,
html body.alo-public-site #slide-out-widget-area a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: 0 .55em 0 0;
  vertical-align: -.12em;
  background: currentColor;
  mask: var(--alo-footer-wave) center / contain no-repeat;
  -webkit-mask: var(--alo-footer-wave) center / contain no-repeat;
  transition: transform 160ms ease;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"]) {
  gap: 0;
}
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__signal::before,
html body.alo-public-site #slide-out-widget-area a:is([href$="/abrir-una-pausa/"], [href$="/obrir-una-pausa/"], [href$="/take-a-break/"])::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: 0 .55em 0 0;
  vertical-align: -.12em;
  background: currentColor;
  mask: var(--alo-footer-closed-eye) center / contain no-repeat;
  -webkit-mask: var(--alo-footer-closed-eye) center / contain no-repeat;
}
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__signal:is(:hover,:focus-visible)::before,
html body.alo-public-site #slide-out-widget-area a:is([href$="/abrir-una-pausa/"], [href$="/obrir-una-pausa/"], [href$="/take-a-break/"]):is(:hover,:focus-visible)::before {
  mask-image: var(--alo-footer-open-eye);
  -webkit-mask-image: var(--alo-footer-open-eye);
}
@media (prefers-reduced-motion: no-preference) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"]):is(:hover,:focus-visible)::before,
  html body.alo-public-site #slide-out-widget-area a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"]):is(:hover,:focus-visible)::before {
    transform: scaleY(1.15);
  }
}
@media (min-width: 691px) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) {
    padding-left: calc(20px + .55em);
  }
}

/* ALO footer book return · 2026-09-09. User prefers the physical book here. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before {
  width: 17px;
  height: 18px;
  flex-basis: 17px;
  mask: var(--alo-book-icon) center / contain no-repeat;
  -webkit-mask: var(--alo-book-icon) center / contain no-repeat;
  transform: none;
  transition: none;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"]):is(:hover,:focus-visible)::before {
  transform: none;
}
@media (min-width: 691px) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) {
    padding-left: calc(17px + .55em);
  }
}

/* ALO footer invitation · 2026-09-09. */
html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__invite {
  justify-content: center;
  gap: 10px;
  text-decoration: none;
}
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 section a.alo-footer-v1__invite {
    min-height: 48px;
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .065em;
    text-transform: uppercase;
  }
}

/* ALO footer link details · 2026-09-09. IconsMind native Salient glyphs. */
@font-face {
  font-family: "alo-footer-iconsmind";
  src: url("/wp-content/uploads/alo21-brand/iconsmind-alo-shell-20260914-v2.woff2") format("woff2"),
       url("/wp-content/themes/salient/css/fonts/iconsmind.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  unicode-range: U+F0E6, U+EC16, U+EC23, U+EF07, U+EC2F, U+EFD8, U+EC06, U+ED20, U+F105, U+EFDD;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"])::before {
  content: "\f0e6" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/regalar-alo/"], [href$="/gift-alo/"])::before {
  content: "\ec16" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"])::before {
  content: "\ec23" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"])::before {
  content: "\ef07" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) {
  padding-left: 0;
  gap: 0;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"])::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 18px;
  flex: 0 0 17px;
  margin: 0 .55em 0 0;
  background: none;
  mask: none;
  -webkit-mask: none;
  font: normal 19px/1 "alo-footer-iconsmind";
  speak: none;
  transition: none;
}
@media (min-width: 691px) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"]) {
    min-height: 40px;
    padding-top: 4px;
    padding-bottom: 8px;
  }
}
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section:has(a.alo-footer-v1__start),
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section:has(a[href$="/cuaderno/"]),
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section:has(a[href$="/quadern/"]),
  html body.alo-public-site footer.alo-footer-v1 .alo-footer-v1__grid section:has(a[href$="/journal/"]) {
    column-gap: 12px;
    row-gap: 0;
  }
}

/* ALO footer retro icons · 2026-09-09. IconsMind native Salient glyphs. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"])::before {
  content: "\ec2f" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/regalar-alo/"], [href$="/gift-alo/"])::before {
  content: "\ec16" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"])::before {
  content: "\efd8" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"])::before {
  content: "\ec06" / "";
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"]) {
  padding-left: 0;
  gap: 0;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 17px;
  flex: 0 0 16px;
  margin: 0 .55em 0 0;
  background: none;
  mask: none;
  -webkit-mask: none;
  font: normal 16px/1 "alo-footer-iconsmind";
  speak: none;
  transition: none;
}

html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before { content: "\ed20" / ""; transform: none; }

/* A small pause between distinct link groups. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/compartir/"], [href$="/share/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"]) { margin-top: 8px; }
@media (max-width: 690px) {
  html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"]) { margin-top: 8px; }
}

/* ALO footer icon presence · 2026-09-09. Optical size and quiet emphasis. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before {
  width: 22px; height: 22px; flex-basis: 22px;
  font-size: 22px; margin-right: 8px; opacity: .76;
  transition: opacity .18s ease;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before { font-size: 20px; }
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"]):is(:hover, :focus-visible, :active)::before { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/compartir/"], [href$="/share/"], [href$="/regalar-alo/"], [href$="/gift-alo/"], [href$="/cuaderno/"], [href$="/quadern/"], [href$="/journal/"], [href$="/escenas/"], [href$="/escenes/"], [href$="/scenes/"], [href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before { transition: none; }
}

/* ALO footer open book · 2026-09-09. IconsMind Open-Book. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/libro/"], [href$="/llibre/"], [href$="/book/"])::before {
  content: "\efdd" / "";
  font-size: 22px;
}

/* IconsMind Wink shares the footer icon size and interaction styles. */
html body.alo-public-site footer.alo-footer-v1 section a[href$="/quien-hay-detras-de-alo/"]::before { content: "\f105" / ""; }

/* ALO footer Wink · 2026-09-12 · ES CA EN. */
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/qui-hi-ha-darrere-alo/"], [href$="/who-is-behind-alo/"]) { padding-left: 0; gap: 0; }
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/qui-hi-ha-darrere-alo/"], [href$="/who-is-behind-alo/"])::before {
 content: "\f105" / "";
 display: inline-flex; align-items: center; justify-content: center;
 width: 22px; height: 22px; flex: 0 0 22px; margin: 0 8px 0 0;
 background: none; mask: none; -webkit-mask: none;
 font: normal 22px/1 "alo-footer-iconsmind"; speak: none; opacity: .76;
 transition: opacity .18s ease;
}
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/qui-hi-ha-darrere-alo/"], [href$="/who-is-behind-alo/"]):is(:hover, :focus-visible, :active)::before { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
html body.alo-public-site footer.alo-footer-v1 section a:is([href$="/quien-hay-detras-de-alo/"], [href$="/qui-hi-ha-darrere-alo/"], [href$="/who-is-behind-alo/"])::before { transition: none; }
}

/* Local candidate. Reuse the CA paper card for the EN reply example only. */
html:lang(en) body.alo-public-site .alo-email-inside--response .alo-email-proof-figure {
  box-sizing: border-box;
  max-width: 820px;
  margin: 0 auto;
  padding: 6px;
  border: 1px solid rgba(43, 44, 48, .72);
  background: #fcfbf8;
  color: #2b2c30;
  box-shadow: 8px 8px 0 rgba(141, 104, 120, .22);
}
html:lang(en) body.alo-public-site .alo-email-inside--response .alo-email-proof-figure figcaption {
  display: grid;
  grid-template-columns: minmax(190px, .82fr) minmax(0, 1.18fr);
  gap: clamp(16px, 3vw, 38px);
  padding: clamp(24px, 3.2vw, 38px) clamp(8px, 1.2vw, 16px) clamp(12px, 1.5vw, 18px);
}
html:lang(en) body.alo-public-site .alo-email-inside--response .alo-email-proof-figure figcaption strong {
  display: block;
  color: #2b2c30;
  font: 750 clamp(17px, 1.8vw, 23px)/1.22 "Sora", "Manrope", Arial, sans-serif;
}
html:lang(en) body.alo-public-site .alo-email-inside--response .alo-email-proof-figure figcaption span {
  display: block;
  color: #4f4c47;
  font-size: 15px;
  line-height: 1.55;
}
@media (max-width: 767px) {
  html:lang(en) body.alo-public-site .alo-email-inside--response .alo-email-proof-figure figcaption {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 22px 10px 12px;
  }
}

/* ALO7 samples: keep both opening columns below the fixed public header. */
html body.alo-public-site #ajax-content-wrap .alo7-week-bridge {
  padding-top: clamp(56px, 10vw, 96px) !important;
}

/* A returning header needs its own canvas over reading content. Preserve the
   transparent opening, Salient's light/dark identity and the open menu. */
html body.alo-public-site:not(.alo-app-shell) #header-outer#header-outer.detached:not(.at-top):not(:has(.slide-out-widget-area-toggle a[aria-expanded="true"])) {
  background-color: #2b2c30 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.alo-public-site:not(.alo-app-shell) #header-outer#header-outer.detached.dark-slide:not(.at-top):not(:has(.slide-out-widget-area-toggle a[aria-expanded="true"])) {
  background-color: #fcfbf8 !important;
}