@import url("assets/vendor/site/sites/default/files/css/css_Wyee5zNHN2kUJv1lkk70c5D-7QFQ3ui1onNxPxpLAUI__qac8be29de4.css");
@import url("assets/vendor/site/sites/default/files/css/css_pZMQFuM2NTAQZE-plY3v9YKN9uXiTK1sQL2RRIzTwKI__q013a302c14.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/align__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/fieldgroup__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/container-inline__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/clearfix__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/details__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/hidden__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/item-list__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/js__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/nowrap__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/position-container__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/reset-appearance__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/resize__q83e61ebdee.module.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/system-status-counter__q83e61ebdee.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/system-status-report-counters__q83e61ebdee.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/system-status-report-general-info__q83e61ebdee.css");
@import url("assets/vendor/site/core/themes/stable9/css/system/components/tablesort__q83e61ebdee.module.css");
@import url("assets/vendor/site/modules/contrib/ckeditor_accordion/css/accordion__q83e61ebdee.frontend.css");
@import url("assets/vendor/site/modules/contrib/paragraphs/css/paragraphs__q83e61ebdee.unpublished.css");
@import url("assets/vendor/site/modules/contrib/cyberwoven_suite/css/cyberwoven_suite__q83e61ebdee.css");
@import url("assets/vendor/site/themes/custom/sursac/js/vendor/fancybox/jquery__q83e61ebdee.fancybox.min.css");
@import url("assets/vendor/site/themes/custom/sursac/js/vendor/slick/slick__q83e61ebdee.css");
@import url("assets/vendor/site/themes/custom/sursac/css/style__q83e61ebdee.css");


/* Estilos base y ajustes visuales propios del sitio SURSAC. */

/* =========================
   GUIA DE COLORES
   Puedes editar estos valores como referencia visual.
   Los elementos estructurales del hero no se recolorean automaticamente
   porque dependen de mascaras y formas del sitio original.
   ========================= */

:root {
  /* FONDO BASE CREMA */
  --ui-base-cream: #F6F1E9;
  --ui-carmine: #C1121F;
  --ui-ink-dark: #111111;
  --ui-warm-charcoal: #1C1A18;

  /* BOTONES CREMA */
  --ui-button-bg: #F6F1E9;
  --ui-button-bg-hover: #ede5d9;
  --ui-button-text: #8E1B22;

  /* ROJO VINO PRINCIPAL */
  --ui-brand-blue: #8E1B22;
  --ui-dotted-circles: url("assets/circles-dotted-wine.svg?v=20260718-1");

  /* HALO DETRAS DEL LOGO
     Referencia visual. */
  --ui-logo-glow-start: #8E1B22;
  --ui-logo-glow-middle: #8E1B22;
  --ui-logo-glow-end: #ffffff;

  /* SELLO CIRCULAR CELESTE */
  --ui-seal-bg: #F6F1E9;
  --ui-seal-text: #8E1B22;

  /* TEXTO CLARO SOBRE FONDO OSCURO */
  --ui-on-dark: #ffffff;
}

/* Recolorea el sistema base de SURSAC solo en esta pagina.
   Asi el hero y el header conservan su estructura original. */
body.path-latam {
  --color-primary-800: var(--ui-brand-blue);
  --color-primary-900: #74151b;
  background-color: var(--ui-base-cream);
}

body.path-latam .dialog-off-canvas-main-canvas,
body.path-latam .site-wrapper,
body.path-latam .region--content,
body.path-latam .page-content,
body.path-latam .content-wrap,
body.path-latam .page-header,
body.path-latam .theme-white,
body.path-latam .stats-layer.theme-white,
body.path-latam .launchpad-layer-icon.theme-white,
body.path-latam .insights-layer {
  background-color: var(--ui-base-cream);
  background-image: none !important;
}

body.path-latam .site-header,
body.path-latam .site-header .wrap {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  background-image: none !important;
}

body.path-latam .header-homepage .header-mask::before {
  background-image: url("header-curve.svg") !important;
}

body.path-latam .header-large-photo::after,
body.path-latam .header-small-photo::after,
body.path-latam .call-to-action-small::after,
body.path-latam .call-to-action-large::after,
body.path-latam .launchpad-layer-homepage-photo::after,
body.path-latam .launchpad-layer-icon.theme-blue::after,
body.path-latam .launchpad-layer-circular-photo::after,
body.path-latam .case-studies-layer::after,
body.path-latam .tabbed-layer-text::after,
body.path-latam .tabbed-layer-photo::after,
body.path-latam .stats-layer::after,
body.path-latam .logo-layer::after {
  background-image: var(--ui-dotted-circles) !important;
}

/* =========================
   LOGO
   Aqui cambias solo tamano y comportamiento del logo.
   ========================= */

.site-header .logo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  width: 69px;
  height: 72px;
  text-indent: 0;
  line-height: 0;
  overflow: visible;
}

.site-logo-image {
  display: block;
  width: 69px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
  margin: 0 !important;
}

@media (min-width: 64rem) {
  .site-header .logo a {
    width: 115px;
    height: 120px;
    align-items: flex-end;
    justify-content: center;
  }

  .site-logo-image {
    width: 115px;
  }

  body.shrink-header .site-header .site-logo-image {
    width: 80px;
  }
}

.footer-brand {
  background: none !important;
  width: auto !important;
  height: auto !important;
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0;
}

.footer-brand::before,
.footer-brand::after,
.footer-brand a::before,
.footer-brand a::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.footer-brand a {
  display: block !important;
  background: none !important;
  background-image: none !important;
  width: 220px !important;
  height: auto !important;
  text-indent: 0 !important;
  line-height: 0;
  overflow: hidden;
}

.footer-brand-mark {
  all: unset;
  display: block !important;
  width: 220px !important;
  height: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  position: relative;
  z-index: 1;
}

body.path-latam .site-footer .footer-announcement {
  overflow: hidden;
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  color: var(--ui-base-cream) !important;
  padding: 0.95rem 0;
}

body.path-latam .site-footer .footer-announcement-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: footer-announcement-scroll 26s linear infinite;
  will-change: transform;
}

body.path-latam .site-footer .footer-announcement-group {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex: 0 0 auto;
  min-width: max-content;
  padding-right: 2.5rem;
}

body.path-latam .site-footer .footer-announcement-copy,
body.path-latam .site-footer .footer-announcement-copy b {
  color: var(--ui-base-cream) !important;
}

body.path-latam .site-footer .footer-announcement-copy {
  flex: 0 0 auto;
  font-size: clamp(1rem, 1.55vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes footer-announcement-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

body.path-latam .site-footer .footer-title,
body.path-latam .site-footer .footer-title span,
body.path-latam .site-footer .footer-title b {
  color: var(--ui-brand-blue) !important;
}

body.path-latam .site-footer,
body.path-latam .site-footer .wrap,
body.path-latam .site-footer .footer-upper,
body.path-latam .site-footer .footer-lower {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  background-image: none !important;
}

body.path-latam .site-footer .wrap {
  max-width: calc(1500px + 4em) !important;
}

body.path-latam .site-footer .footer-lower {
  padding-top: 0 !important;
}

body.path-latam .site-footer .footer-lower .inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  text-align: center !important;
}

body.path-latam .site-footer .footer-lower .footer-brand {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

body.path-latam .site-footer .footer-lower .footer-brand a {
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.path-latam .site-footer .footer-lower #button-latamcontact {
  align-self: center !important;
}

@media (max-width: 63.9375rem) {
  body.path-latam .site-footer .footer-lower .inner {
    gap: 1.5rem !important;
  }
}

body.path-latam #button-latamcontact,
body.path-latam #button-latamcontact:hover,
body.path-latam #button-latamcontact:focus,
body.path-latam #button-latamcontact:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

body.path-latam .footer-navigation nav > ul > li {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  border: 1px solid var(--ui-base-cream) !important;
  border-radius: 20px !important;
  padding: 1em 2em 2em !important;
  box-shadow: none !important;
  height: 100%;
}

body.path-latam .footer-navigation nav > ul > li > a,
body.path-latam .footer-navigation nav > ul > li > span,
body.path-latam .footer-navigation nav > ul > li ul a,
body.path-latam .footer-navigation nav > ul > li ul span,
body.path-latam .footer-navigation nav > ul > li .bg-blue,
body.path-latam .footer-navigation nav > ul > li .bg-green {
  color: var(--ui-brand-blue) !important;
}

body.path-latam .footer-navigation nav > ul > li > a,
body.path-latam .footer-navigation nav > ul > li > span {
  border-bottom-color: var(--ui-brand-blue) !important;
}

body.path-latam .footer-navigation nav > ul > li ul a:hover,
body.path-latam .footer-navigation nav > ul > li ul a:focus-visible {
  color: var(--ui-brand-blue) !important;
}

body.path-latam .footer-navigation nav > ul > li:has(> .bg-green) ul a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

body.path-latam .footer-navigation nav > ul {
  gap: 1.25em !important;
}

@media (min-width: 64rem) {
  body.path-latam .site-footer .wrap {
    gap: 3em !important;
    align-items: flex-start;
  }

  body.path-latam .footer-upper {
    min-width: 0;
  }

  body.path-latam .footer-navigation nav > ul > li {
    padding: 1em 1.5em 2em !important;
  }

  body.path-latam .footer-navigation nav > ul {
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.48fr) minmax(0, 1.16fr) minmax(0, 0.8fr) !important;
    gap: 0.8em !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(1) > span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(2) > span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(4) > span {
    white-space: nowrap !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(1) ul span {
    white-space: nowrap !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(3) ul a {
    white-space: nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.path-latam .site-footer .footer-announcement-track {
    animation: none;
    width: 100%;
  }
}

body.path-latam .footer-navigation .social-link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.75em;
}

body.path-latam .footer-navigation .social-link::before {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 1.1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

body.path-latam .footer-navigation .social-linkedin::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='4' fill='none' stroke='%238E1B22' stroke-width='2'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%238E1B22'/%3E%3Cpath d='M7.2 10.8v5.8M11 16.6v-3.4c0-1.2.8-2 1.9-2 1.1 0 1.9.8 1.9 2v3.4M11 10.8v5.8' fill='none' stroke='%238E1B22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.path-latam .footer-navigation .social-instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='%238E1B22' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%238E1B22' stroke-width='2'/%3E%3Ccircle cx='17.2' cy='6.8' r='1.2' fill='%238E1B22'/%3E%3C/svg%3E");
}

body.path-latam .footer-navigation .social-facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' fill='none' stroke='%238E1B22' stroke-width='2'/%3E%3Cpath d='M13.6 20v-6.2h2.1l.3-2.4h-2.4V9.9c0-.7.2-1.2 1.2-1.2h1.3V6.5c-.2 0-1-.1-1.9-.1-1.9 0-3.1 1.1-3.1 3.3v1.7H9v2.4h2.2V20Z' fill='%238E1B22'/%3E%3C/svg%3E");
}

body.path-latam .footer-navigation .social-web::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%238E1B22' stroke-width='2'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.5 2.6 4 5.5 4 8.5s-1.5 5.9-4 8.5c-2.5-2.6-4-5.5-4-8.5s1.5-5.9 4-8.5Z' fill='none' stroke='%238E1B22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* =========================
   FOOTER iPad / subdesktop fix
   Solo corrige desborde y wrap del footer debajo de 1280px.
   Desktop 1440px queda intacto.
   ========================= */
@media (max-width: 79.9375rem) {
  body.path-latam .site-footer .wrap {
    width: min(100%, calc(100% - 32px)) !important;
    max-width: calc(100% - 32px) !important;
    display: block !important;
  }

  body.path-latam .footer-upper,
  body.path-latam .footer-navigation,
  body.path-latam .footer-navigation nav,
  body.path-latam .footer-navigation nav > ul,
  body.path-latam .footer-navigation nav > ul > li,
  body.path-latam .site-footer .footer-lower {
    min-width: 0 !important;
  }

  body.path-latam .footer-upper,
  body.path-latam .site-footer .footer-lower {
    max-width: none !important;
    width: 100% !important;
  }

  body.path-latam .footer-upper {
    margin-bottom: 2rem !important;
  }

  body.path-latam .site-footer .footer-lower {
    order: initial !important;
    padding-top: 0 !important;
  }

  body.path-latam .footer-navigation nav > ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 1rem !important;
  }

  body.path-latam .footer-navigation nav > ul > li {
    padding: 1em 1.5em 1.5em !important;
  }

  body.path-latam .footer-navigation nav > ul > li > a,
  body.path-latam .footer-navigation nav > ul > li > span,
  body.path-latam .footer-navigation nav > ul > li ul a,
  body.path-latam .footer-navigation nav > ul > li ul span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(1) > span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(2) > span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(4) > span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(1) ul span,
  body.path-latam .footer-navigation nav > ul > li:nth-child(3) ul a {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.path-latam .footer-navigation nav > ul > li ul a,
  body.path-latam .footer-navigation nav > ul > li ul span {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.path-latam .footer-navigation .social-link {
    flex-wrap: wrap;
  }
}

@media (min-width: 48rem) and (max-width: 79.9375rem) {
  body.path-latam .site-footer .wrap {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  body.path-latam .footer-upper {
    flex: 1 1 auto !important;
    width: auto !important;
    margin-bottom: 0 !important;
    order: 2 !important;
  }

  body.path-latam .site-footer .footer-lower {
    flex: 0 0 190px !important;
    width: 190px !important;
    max-width: 190px !important;
    order: 1 !important;
    padding-top: 0 !important;
  }

  body.path-latam .site-footer .footer-lower .inner {
    gap: 1rem !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  body.path-latam .site-footer .footer-lower .footer-brand {
    width: auto !important;
    justify-content: flex-start !important;
  }

  body.path-latam .site-footer .footer-lower .footer-brand a,
  body.path-latam .site-footer .footer-lower .footer-brand-mark {
    width: 170px !important;
  }

  body.path-latam .site-footer .footer-lower .footer-brand a {
    margin: 0 !important;
  }

  body.path-latam .site-footer .footer-lower #button-latamcontact {
    align-self: flex-start !important;
    display: inline-flex !important;
    justify-content: center !important;
    width: min(100%, 168px) !important;
    padding: 0.95rem 1rem !important;
    font-size: 0.98rem !important;
    line-height: 1.1 !important;
  }

  body.path-latam .site-footer .footer-copyright {
    text-align: left !important;
  }

  body.path-latam .footer-navigation nav > ul {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  body.path-latam .footer-navigation nav > ul > li {
    padding: 1em 0.95em 1.25em !important;
  }
}

@media (min-width: 48rem) {
  body.path-latam .footer-navigation nav > ul {
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr) !important;
    gap: 0.95rem 1rem !important;
    align-items: start !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 47.9375rem) {
  body.path-latam .footer-navigation nav > ul > li:nth-child(1) {
    order: 4 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(2) {
    order: 1 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(3) {
    order: 2 !important;
  }

  body.path-latam .footer-navigation nav > ul > li:nth-child(4) {
    order: 3 !important;
  }
}

body.path-contact-local .site-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 40;
  background: var(--ui-base-cream) !important;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.08);
}

body.path-contact-local .site-header .wrap {
  background: var(--ui-base-cream) !important;
}

body.path-contact-local .site-header .site-logo-image {
  filter: none;
}

body.path-contact-local .contact-local-page {
  background: var(--ui-base-cream);
  color: var(--ui-ink-dark);
}

body.path-contact-local .contact-local-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

body.path-contact-local .contact-local-hero {
  position: relative;
  min-height: 575px;
  padding: 116px 0 32px;
  background-image:
    linear-gradient(180deg, rgba(17, 17, 17, 0.28) 0%, rgba(17, 17, 17, 0.5) 100%),
    url("assets/banners/contactanos-banner.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

body.path-contact-local .contact-local-hero .contact-local-shell {
  position: relative;
  min-height: 0;
  padding: 0 0 56px;
  color: var(--ui-base-cream);
  background: none !important;
  border-radius: 0;
  box-shadow: none;
}

body.path-contact-local .contact-local-eyebrow {
  margin: 0 0 12px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ui-base-cream);
}

body.path-contact-local .contact-local-hero h1 {
  margin: 0 0 16px;
  color: var(--ui-base-cream);
  font-size: clamp(2.35rem, 4.35vw, 4.8rem);
  line-height: 0.98;
  font-weight: 800;
  max-width: none;
  white-space: nowrap;
  text-shadow: 0 3px 14px rgba(17, 17, 17, 0.2);
}

body.path-contact-local .contact-local-intro {
  max-width: 40ch;
  margin: 0 0 28px;
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--ui-base-cream);
  text-shadow: 0 2px 10px rgba(17, 17, 17, 0.18);
}

body.path-contact-local .contact-local-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

body.path-contact-local.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
body.path-contact-local.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):hover,
body.path-contact-local.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):focus,
body.path-contact-local.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):focus-visible {
  color: var(--ui-brand-blue) !important;
}

body.path-contact-local .contact-local-hero .contact-local-actions .sursac-link,
body.path-contact-local .contact-local-hero .contact-local-actions .sursac-link:hover,
body.path-contact-local .contact-local-hero .contact-local-actions .sursac-link:focus-visible {
  color: var(--ui-base-cream) !important;
  --link-text-color: var(--ui-base-cream) !important;
  --link-hover-color: var(--ui-base-cream) !important;
  --link-arrow-color: var(--ui-base-cream) !important;
}

body.path-contact-local .contact-local-actions .sursac-link,
body.path-contact-local .contact-local-actions .sursac-link:hover,
body.path-contact-local .contact-local-actions .sursac-link:focus-visible {
  color: var(--ui-base-cream);
  --link-text-color: var(--ui-base-cream);
  --link-hover-color: var(--ui-base-cream);
  --link-arrow-color: var(--ui-base-cream);
}

body.path-contact-local .contact-local-section {
  padding: 12px 0 0;
}

body.path-contact-local .contact-local-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}

body.path-contact-local .contact-local-locations-block {
  grid-column: span 12;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 22px 0;
  border-radius: 0;
  background: var(--ui-brand-blue);
  background-color: var(--ui-brand-blue);
}

body.path-contact-local .contact-local-locations-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

body.path-contact-local .contact-local-card {
  grid-column: span 4;
  background: var(--ui-brand-blue);
  color: var(--ui-base-cream);
  border-radius: 28px;
  padding: 28px 24px;
}

body.path-contact-local .contact-local-card-wide {
  grid-column: span 12;
}

body.path-contact-local .contact-local-card-location {
  grid-column: span 6;
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  color: var(--ui-brand-blue) !important;
}

body.path-contact-local .contact-local-card-label {
  margin: 0 0 8px;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(246, 241, 233, 0.85);
}

body.path-contact-local .contact-local-card h2 {
  margin: 0 0 16px;
  color: var(--ui-base-cream);
  font-size: clamp(2.2rem, 2.5vw, 2.7rem);
  line-height: 1.05;
  font-weight: 800;
}

body.path-contact-local .contact-local-card p,
body.path-contact-local .contact-local-card li,
body.path-contact-local .contact-local-card strong,
body.path-contact-local .contact-local-card a {
  color: var(--ui-base-cream);
}

body.path-contact-local .contact-local-card p {
  margin: 0 0 8px;
  font-size: 1.16rem;
  line-height: 1.5;
}

body.path-contact-local .contact-local-address {
  display: block;
  margin: 0 0 18px;
  font-size: clamp(1rem, 1.08vw, 1.16rem);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

body.path-contact-local .contact-local-address:hover,
body.path-contact-local .contact-local-address:focus-visible {
  text-decoration: underline;
  text-decoration-color: currentColor;
}

body.path-contact-local .contact-local-map-shell {
  position: relative;
}

body.path-contact-local .contact-local-card-location iframe {
  display: block;
  width: 100%;
  height: 260px;
  border: 0;
  border-radius: 18px;
  background: rgba(142, 27, 34, 0.12);
}

body.path-contact-local .contact-local-map-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  border-radius: 18px;
}

body.path-contact-local .contact-local-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.path-contact-local .contact-local-list li {
  margin: 0 0 12px;
  font-size: 1.16rem;
  line-height: 1.55;
}

body.path-contact-local .contact-local-list a {
  text-decoration-color: rgba(246, 241, 233, 0.55);
}

body.path-contact-local .contact-local-list a:hover,
body.path-contact-local .contact-local-list a:focus-visible {
  color: var(--ui-base-cream);
  text-decoration-color: currentColor;
}

body.path-contact-local .contact-local-card-wide {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  color: var(--ui-brand-blue) !important;
}

body.path-contact-local .contact-local-card-wide .contact-local-card-label,
body.path-contact-local .contact-local-card-wide h2,
body.path-contact-local .contact-local-card-wide p,
body.path-contact-local .contact-local-card-wide li,
body.path-contact-local .contact-local-card-wide strong,
body.path-contact-local .contact-local-card-wide a {
  color: var(--ui-brand-blue) !important;
}

body.path-contact-local .contact-local-eyebrow,
body.path-contact-local .contact-local-card-wide .contact-local-card-label,
body.path-contact-local .contact-local-hero h1,
body.path-contact-local .contact-local-intro {
  color: var(--ui-base-cream) !important;
}

body.path-contact-local .contact-local-card-wide .contact-local-card-label {
  color: rgba(142, 27, 34, 0.85) !important;
}

body.path-contact-local .contact-local-card-wide .contact-local-list a {
  text-decoration-color: rgba(142, 27, 34, 0.55) !important;
}

body.path-contact-local .contact-local-card-wide .contact-local-list a:hover,
body.path-contact-local .contact-local-card-wide .contact-local-list a:focus-visible {
  color: var(--ui-brand-blue) !important;
  text-decoration-color: currentColor !important;
}

body.path-contact-local .contact-local-card-location .contact-local-card-label,
body.path-contact-local .contact-local-card-location h2,
body.path-contact-local .contact-local-card-location p,
body.path-contact-local .contact-local-card-location li,
body.path-contact-local .contact-local-card-location strong,
body.path-contact-local .contact-local-card-location a {
  color: var(--ui-brand-blue) !important;
}

body.path-contact-local .contact-local-card-location .contact-local-card-label {
  color: rgba(142, 27, 34, 0.85) !important;
}

body.path-contact-local .contact-local-card-location .contact-local-address {
  text-decoration-color: rgba(142, 27, 34, 0.45) !important;
}

body.path-contact-local .contact-local-card-location .contact-local-address:hover,
body.path-contact-local .contact-local-card-location .contact-local-address:focus-visible {
  color: var(--ui-brand-blue) !important;
  text-decoration-color: currentColor !important;
}

body.path-contact-local .contact-local-actions .sursac-link,
body.path-contact-local .contact-local-actions .sursac-link:hover,
body.path-contact-local .contact-local-actions .sursac-link:focus-visible {
  color: var(--ui-base-cream) !important;
  --link-text-color: var(--ui-base-cream) !important;
  --link-hover-color: var(--ui-base-cream) !important;
  --link-arrow-color: var(--ui-base-cream) !important;
}

body.path-contact-local .contact-local-actions .sursac-button,
body.path-contact-local .contact-local-actions .sursac-button:hover,
body.path-contact-local .contact-local-actions .sursac-button:focus,
body.path-contact-local .contact-local-actions .sursac-button:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

@media (max-width: 960px) {
  body.path-contact-local .contact-local-card,
  body.path-contact-local .contact-local-card-wide {
    grid-column: span 12;
  }

  body.path-contact-local .contact-local-locations-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.path-contact-local .contact-local-hero {
    min-height: 470px;
    padding: 96px 0 20px;
  }

  body.path-contact-local .contact-local-hero h1 {
    white-space: normal;
  }

  body.path-contact-local .contact-local-hero .contact-local-shell,
  body.path-contact-local .contact-local-card {
    padding: 24px 20px;
  }

  body.path-contact-local .contact-local-locations-block {
    padding: 16px 0;
  }

  body.path-contact-local .contact-local-hero .contact-local-shell {
    padding: 0 0 40px;
    border-radius: 0;
  }
}

body.path-about-local .site-header {
  background: var(--ui-base-cream) !important;
}

body.path-about-local .about-local-page {
  background: var(--ui-base-cream);
  color: var(--ui-ink-dark);
  padding-bottom: 0;
}

body.path-about-local .about-local-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

body.path-about-local .about-local-hero {
  padding: 16px 0 10px;
}

body.path-about-local .about-local-hero-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  align-items: center;
}

body.path-about-local .about-local-hero-copy {
  grid-column: span 7;
}

body.path-about-local .about-local-eyebrow,
body.path-about-local .about-local-section-label {
  margin: 0 0 12px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ui-brand-blue);
}

body.path-about-local .about-local-hero-copy h1,
body.path-about-local .about-local-story-copy h2,
body.path-about-local .about-local-principles-head h2,
body.path-about-local .about-local-cta-copy h2 {
  margin: 0;
  color: var(--ui-brand-blue);
  line-height: 0.96;
  font-weight: 800;
}

body.path-about-local .about-local-hero-copy h1 {
  font-size: clamp(1.9rem, 3.35vw, 3.45rem);
  max-width: 18ch;
  margin-bottom: 18px;
}

body.path-about-local .about-local-story-copy h2,
body.path-about-local .about-local-principles-head h2,
body.path-about-local .about-local-cta-copy h2 {
  font-size: clamp(2rem, 3.2vw, 3.2rem);
}

body.path-about-local .about-local-intro,
body.path-about-local .about-local-story-copy p,
body.path-about-local .about-local-feature-copy p,
body.path-about-local .about-local-cta-copy p {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.55;
  color: var(--ui-warm-charcoal);
}

body.path-about-local .about-local-hero-copy p + p,
body.path-about-local .about-local-story-copy p + p,
body.path-about-local .about-local-feature-copy p + p,
body.path-about-local .about-local-cta-copy p + p {
  margin-top: 12px;
}

body.path-about-local .about-local-actions,
body.path-about-local .about-local-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

body.path-about-local .about-local-actions {
  margin-top: 14px;
}

body.path-about-local .about-local-actions .sursac-button,
body.path-about-local .about-local-actions .sursac-button:hover,
body.path-about-local .about-local-actions .sursac-button:focus,
body.path-about-local .about-local-actions .sursac-button:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

body.path-about-local .about-local-actions .sursac-link,
body.path-about-local .about-local-actions .sursac-link:hover,
body.path-about-local .about-local-actions .sursac-link:focus-visible {
  color: var(--ui-brand-blue) !important;
  --link-text-color: var(--ui-brand-blue) !important;
  --link-hover-color: var(--ui-brand-blue) !important;
  --link-arrow-color: var(--ui-brand-blue) !important;
}

body.path-about-local .about-local-hero-media {
  grid-column: span 5;
  position: relative;
}

body.path-about-local .about-local-hero-media > img {
  display: block;
  width: 100%;
  height: clamp(220px, 25vw, 300px);
  object-fit: cover;
  border-radius: 24px;
}

body.path-about-local .about-local-story,
body.path-about-local .about-local-features,
body.path-about-local .about-local-principles,
body.path-about-local .about-local-cta {
  padding-top: 20px;
}

body.path-about-local .about-local-story-card {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  padding: 36px;
  border-radius: 34px;
  background: var(--ui-base-cream);
  background-color: var(--ui-base-cream);
}

body.path-about-local .about-local-story-copy {
  grid-column: span 7;
}

body.path-about-local .about-local-highlight-grid {
  grid-column: span 5;
  display: grid;
  gap: 16px;
}

body.path-about-local .about-local-highlight {
  padding: 22px 20px;
  border-radius: 24px;
  background: #fffaf4;
}

body.path-about-local .about-local-highlight strong {
  display: block;
  margin-bottom: 8px;
  color: var(--ui-brand-blue);
  font-size: 1.12rem;
  line-height: 1.2;
}

body.path-about-local .about-local-highlight p {
  margin: 0;
  color: var(--ui-warm-charcoal);
  line-height: 1.55;
}

body.path-about-local .about-local-features .about-local-shell {
  display: grid;
  gap: 24px;
}

body.path-about-local .about-local-feature {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 28px;
  align-items: center;
  padding: 30px;
  border-radius: 34px;
  background: rgba(255, 251, 245, 0.88);
}

body.path-about-local .about-local-feature-media {
  grid-column: span 5;
}

body.path-about-local .about-local-feature-media img {
  display: block;
  width: 100%;
  height: clamp(300px, 30vw, 380px);
  object-fit: cover;
  border-radius: 26px;
}

body.path-about-local .about-local-feature-copy {
  grid-column: span 7;
}

body.path-about-local .about-local-feature-copy h3,
body.path-about-local .about-local-principle-card h3 {
  margin: 0 0 14px;
  font-size: clamp(1.9rem, 2.8vw, 2.7rem);
  line-height: 1.02;
  font-weight: 800;
}

body.path-about-local .about-local-feature-copy h3 {
  color: var(--ui-brand-blue);
}

body.path-about-local .about-local-feature-reverse .about-local-feature-media {
  grid-column: 8 / span 5;
  grid-row: 1;
}

body.path-about-local .about-local-feature-reverse .about-local-feature-copy {
  grid-column: 1 / span 7;
  grid-row: 1;
}

body.path-about-local .about-local-principles {
  padding-top: 56px;
  padding-bottom: 44px;
}

body.path-about-local .about-local-principles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}

body.path-about-local .about-local-principle-card {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 10px;
  padding: 24px 26px 26px;
  border-radius: 30px;
  background: var(--ui-brand-blue);
  color: var(--ui-base-cream);
  text-align: center;
}

body.path-about-local .about-local-principle-card h3,
body.path-about-local .about-local-principle-card p {
  color: var(--ui-base-cream);
}

body.path-about-local .about-local-principle-card h3 {
  margin: 0;
}

body.path-about-local .about-local-principle-card p {
  margin: 0;
  line-height: 1.6;
}

body.path-about-local .about-local-principle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  min-height: 56px;
  margin: 0 auto 2px;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--ui-base-cream);
  flex-shrink: 0;
  overflow: visible;
}

body.path-about-local .about-local-principle-icon svg,
body.path-about-local .about-local-principle-icon img {
  width: 144px;
  height: 144px;
  display: block;
  margin: 0 auto;
  transform: scale(1.22);
  transform-origin: center;
}

body.path-about-local .about-local-principle-icon svg {
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

body.path-about-local .about-local-principle-card-values .about-local-principle-icon svg,
body.path-about-local .about-local-principle-card-values .about-local-principle-icon img {
  width: 138px;
  height: 138px;
  transform: scale(1.18);
}

body.path-about-local .about-local-principle-card-vision .about-local-principle-icon img {
  width: 168px;
  height: auto;
  transform: none;
}

body.path-about-local .about-local-cta {
  padding-top: 12px;
  padding-bottom: 0;
  overflow: hidden;
}

body.path-about-local .about-local-cta .about-local-shell {
  width: 100%;
  max-width: none;
}

body.path-about-local .about-local-cta-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  aspect-ratio: 1448 / 500;
  min-height: clamp(21rem, 24vw, 26rem);
  padding: clamp(1.75rem, 3.6vw, 3.4rem);
  border-radius: 0;
  overflow: hidden;
  background-color: #2b1712;
  background-image:
    linear-gradient(90deg, rgba(43, 23, 18, 0.8) 0%, rgba(43, 23, 18, 0.58) 42%, rgba(43, 23, 18, 0.42) 100%),
    url("assets/banners/sacos-malla-banner.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.path-about-local .about-local-cta-card > * {
  position: relative;
  z-index: 1;
}

body.path-about-local .about-local-cta-copy {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  max-width: 48rem;
}

body.path-about-local .about-local-cta-copy .about-local-section-label,
body.path-about-local .about-local-cta-copy h2,
body.path-about-local .about-local-cta-copy p {
  color: var(--ui-base-cream);
}

body.path-about-local .about-local-cta-copy h2 {
  font-size: clamp(2.1rem, 4vw, 4.2rem);
  text-shadow:
    0 0 8px rgba(255, 255, 255, 0.16),
    0 0 18px rgba(255, 255, 255, 0.08);
  margin-bottom: 0;
}

body.path-about-local .about-local-cta-copy p {
  max-width: 32rem;
  color: rgba(246, 241, 233, 0.94);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}

body.path-about-local .about-local-cta-actions {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  flex-direction: column;
  margin-top: 0;
}

body.path-about-local .about-local-cta-actions .sursac-button,
body.path-about-local .about-local-cta-actions .sursac-button:hover,
body.path-about-local .about-local-cta-actions .sursac-button:focus,
body.path-about-local .about-local-cta-actions .sursac-button:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.22);
}

body.path-about-local .about-local-cta-actions .sursac-link,
body.path-about-local .about-local-cta-actions .sursac-link:hover,
body.path-about-local .about-local-cta-actions .sursac-link:focus-visible {
  display: inline-flex !important;
  justify-content: center;
  color: var(--ui-brand-blue) !important;
  --link-text-color: var(--ui-brand-blue) !important;
  --link-hover-color: var(--ui-brand-blue) !important;
  --link-arrow-color: var(--ui-brand-blue) !important;
}

@media (max-width: 960px) {
  body.path-about-local .about-local-hero-copy,
  body.path-about-local .about-local-hero-media,
  body.path-about-local .about-local-story-copy,
  body.path-about-local .about-local-highlight-grid,
  body.path-about-local .about-local-feature-media,
  body.path-about-local .about-local-feature-copy,
  body.path-about-local .about-local-cta-copy,
  body.path-about-local .about-local-cta-actions {
    grid-column: span 12;
  }

  body.path-about-local .about-local-feature-reverse .about-local-feature-media,
  body.path-about-local .about-local-feature-reverse .about-local-feature-copy {
    grid-column: span 12;
    grid-row: auto;
  }

  body.path-about-local .about-local-principles-grid {
    grid-template-columns: 1fr;
  }

  body.path-about-local .about-local-cta-card {
    aspect-ratio: auto;
    min-height: 24rem;
    padding: 1.75rem 1.5rem;
    background-size: cover;
  }

  body.path-about-local .about-local-cta-copy,
  body.path-about-local .about-local-cta-actions {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }
}

@media (max-width: 640px) {
  body.path-about-local .about-local-page {
    padding-bottom: 0;
  }

  body.path-about-local .about-local-hero {
    padding-top: 32px;
  }

  body.path-about-local .about-local-story-card,
  body.path-about-local .about-local-feature,
  body.path-about-local .about-local-cta-card {
    padding: 24px 20px;
    border-radius: 26px;
  }

  body.path-about-local .about-local-cta-card {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    border-radius: 0;
  }

  body.path-about-local .about-local-hero-media > img,
  body.path-about-local .about-local-feature-media img {
    height: 300px;
  }

  body.path-about-local .about-local-hero-badge {
    position: static;
    width: 100%;
    margin-top: 16px;
  }
}

body.path-sustainability-local .site-header {
  background: var(--ui-base-cream) !important;
}

body.path-sustainability-local .sustainability-local-page {
  background: var(--ui-base-cream);
  color: var(--ui-warm-charcoal);
  padding-bottom: 72px;
}

body.path-sustainability-local .page-title {
  display: none !important;
}

body.path-sustainability-local .sustainability-local-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 84px;
  background: var(--ui-brand-blue);
  background-color: var(--ui-brand-blue);
  border-top-left-radius: clamp(13rem, 24vw, 27rem);
  isolation: isolate;
}

body.path-sustainability-local .sustainability-local-hero::before {
  content: none;
}

body.path-sustainability-local .sustainability-local-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--ui-dotted-circles);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 34rem auto;
  opacity: 0.34;
  pointer-events: none;
}

body.path-sustainability-local .sustainability-local-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 4.5rem);
}

body.path-sustainability-local .sustainability-local-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
  max-width: 42rem;
}

body.path-sustainability-local .sustainability-local-hero-eyebrow {
  margin: 0;
  color: var(--ui-base-cream);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.path-sustainability-local .sustainability-local-hero-copy h2 {
  margin: 0;
  color: var(--ui-base-cream);
  font-size: clamp(3.2rem, 6vw, 5.4rem);
  line-height: 0.94;
  text-transform: none;
  font-weight: 800 !important;
}

body.path-sustainability-local .sustainability-local-hero-copy p:last-child {
  margin: 0;
  max-width: 39rem;
  color: var(--ui-base-cream);
  font-size: clamp(1.05rem, 1.6vw, 1.28rem);
  line-height: 1.65;
}

body.path-sustainability-local .sustainability-local-hero-media {
  justify-self: end;
  width: 100%;
  aspect-ratio: 1.14 / 1;
  overflow: hidden;
  border-radius: 2rem;
  box-shadow: 0 28px 64px rgba(17, 17, 17, 0.24);
}

body.path-sustainability-local .sustainability-local-hero-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.path-sustainability-local .sustainability-local-shell {
  width: min(1260px, calc(100% - 40px));
  margin: 0 auto;
}

body.path-sustainability-local .sustainability-local-subnav {
  padding: 18px 0 28px;
  background: var(--ui-base-cream);
}

body.path-sustainability-local .sustainability-local-subnav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.path-sustainability-local .sustainability-local-subnav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid rgba(142, 27, 34, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--ui-brand-blue);
  font-weight: 700;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

body.path-sustainability-local .sustainability-local-subnav a:hover,
body.path-sustainability-local .sustainability-local-subnav a:focus,
body.path-sustainability-local .sustainability-local-subnav a:focus-visible {
  background: var(--ui-brand-blue);
  border-color: var(--ui-brand-blue);
  color: var(--ui-base-cream);
}

body.path-sustainability-local .content-wrap,
body.path-sustainability-local .page-content,
body.path-sustainability-local .page-layers,
body.path-sustainability-local .field-layers {
  background: var(--ui-base-cream);
}

body.path-sustainability-local .sustainability-local-benefits {
  position: relative;
  padding: 56px 0 72px;
  background: var(--ui-base-cream);
}

body.path-sustainability-local .sustainability-local-benefits::after {
  content: none;
}

body.path-sustainability-local .sustainability-local-benefits-head {
  position: relative;
  z-index: 1;
  margin-bottom: 2.3rem;
}

body.path-sustainability-local .sustainability-local-benefits-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 2rem;
  align-items: start;
}

body.path-sustainability-local .sustainability-local-benefits-copy h2 {
  margin: 0;
  color: var(--ui-brand-blue);
  font-size: clamp(2.3rem, 4.8vw, 4.7rem);
  line-height: 0.95;
  font-weight: 800;
}

body.path-sustainability-local .sustainability-local-benefits-copy p {
  margin: 0;
  color: var(--ui-warm-charcoal);
  font-size: 1rem;
  line-height: 1.62;
  max-width: 42rem;
}

body.path-sustainability-local .sustainability-local-benefits-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.9rem;
  align-items: start;
}

body.path-sustainability-local .sustainability-local-benefit-card {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  min-height: clamp(25rem, 38vw, 34rem);
  background: #ffffff;
  box-shadow: 0 24px 54px rgba(17, 17, 17, 0.14);
  isolation: isolate;
  outline: none;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

body.path-sustainability-local .sustainability-local-benefit-card:nth-child(2) {
  margin-top: 4.75rem;
}

body.path-sustainability-local .sustainability-local-benefit-card:nth-child(3) {
  margin-top: 9.5rem;
}

body.path-sustainability-local .sustainability-local-benefit-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(15, 11, 11, 0.04) 0%,
      rgba(15, 11, 11, 0.1) 28%,
      rgba(90, 21, 27, 0.2) 55%,
      rgba(142, 27, 34, 0.86) 100%
    );
  transition:
    background 0.28s ease,
    opacity 0.28s ease;
}

body.path-sustainability-local .sustainability-local-benefit-card::after {
  content: none;
}

body.path-sustainability-local .sustainability-local-benefit-card:hover,
body.path-sustainability-local .sustainability-local-benefit-card:focus-visible,
body.path-sustainability-local .sustainability-local-benefit-card:focus-within {
  transform: translateY(-8px);
  box-shadow: 0 30px 66px rgba(17, 17, 17, 0.2);
}

body.path-sustainability-local .sustainability-local-benefit-card:hover::before,
body.path-sustainability-local .sustainability-local-benefit-card:focus-visible::before,
body.path-sustainability-local .sustainability-local-benefit-card:focus-within::before {
  background:
    linear-gradient(
      180deg,
      rgba(15, 11, 11, 0.1) 0%,
      rgba(15, 11, 11, 0.18) 24%,
      rgba(90, 21, 27, 0.46) 52%,
      rgba(142, 27, 34, 0.95) 100%
    );
}

body.path-sustainability-local .sustainability-local-benefit-card:focus-visible {
  outline: 3px solid rgba(142, 27, 34, 0.22);
  outline-offset: 5px;
}

body.path-sustainability-local .sustainability-local-benefit-card__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #d8e8f5;
}

body.path-sustainability-local .sustainability-local-benefit-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.38s ease,
    filter 0.28s ease;
}

body.path-sustainability-local .sustainability-local-benefit-card:hover .sustainability-local-benefit-card__media img,
body.path-sustainability-local .sustainability-local-benefit-card:focus-visible .sustainability-local-benefit-card__media img,
body.path-sustainability-local .sustainability-local-benefit-card:focus-within .sustainability-local-benefit-card__media img {
  transform: scale(1.05);
}

body.path-sustainability-local .sustainability-local-benefit-card__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  align-content: end;
  gap: 0.9rem;
  padding: 1.6rem 1.5rem 1.5rem;
  min-height: 42%;
}

body.path-sustainability-local .sustainability-local-benefit-card__content h3 {
  margin: 0;
  max-width: calc(100% - 4.2rem);
  color: var(--ui-base-cream);
  font-size: clamp(1.65rem, 2vw, 2.3rem);
  line-height: 0.98;
  font-weight: 800;
  text-shadow: 0 8px 22px rgba(0, 0, 0, 0.26);
}

body.path-sustainability-local .sustainability-local-benefit-card__content p {
  margin: 0;
  max-width: calc(100% - 4.5rem);
  max-height: 0;
  overflow: hidden;
  color: rgba(246, 241, 233, 0.96);
  font-size: 1rem;
  line-height: 1.62;
  opacity: 0;
  transform: translateY(12px);
  transition:
    max-height 0.32s ease,
    opacity 0.24s ease,
    transform 0.24s ease;
}

body.path-sustainability-local .sustainability-local-benefit-card:hover .sustainability-local-benefit-card__content p,
body.path-sustainability-local .sustainability-local-benefit-card:focus-visible .sustainability-local-benefit-card__content p,
body.path-sustainability-local .sustainability-local-benefit-card:focus-within .sustainability-local-benefit-card__content p {
  max-height: 14rem;
  opacity: 1;
  transform: translateY(0);
}

body.path-sustainability-local .launchpad-layer-homepage-photo.theme-white,
body.path-sustainability-local .launchpad-layer-small-photo.theme-white,
body.path-sustainability-local .spotlight-photo.theme-white {
  background: var(--ui-base-cream) !important;
  background-image: none !important;
}

body.path-sustainability-local .launchpad-layer-homepage-photo.theme-white .field-headline h2,
body.path-sustainability-local .launchpad-layer-homepage-photo.theme-white .field-headline h3,
body.path-sustainability-local .launchpad-layer-small-photo.theme-white .field-headline h2,
body.path-sustainability-local .launchpad-layer-small-photo.theme-white .field-headline h3,
body.path-sustainability-local .spotlight-photo.theme-white .field-headline h2,
body.path-sustainability-local .spotlight-photo.theme-white .field-eyebrow {
  color: var(--ui-brand-blue) !important;
}

body.path-sustainability-local .launchpad-layer-homepage-photo.theme-white .field-text,
body.path-sustainability-local .launchpad-layer-homepage-photo.theme-white .field-text p,
body.path-sustainability-local .launchpad-layer-small-photo.theme-white .field-text,
body.path-sustainability-local .launchpad-layer-small-photo.theme-white .field-text p,
body.path-sustainability-local .spotlight-photo.theme-white .field-text,
body.path-sustainability-local .spotlight-photo.theme-white .field-text p,
body.path-sustainability-local .leadership-feature .field-title,
body.path-sustainability-local .leadership-feature p {
  color: var(--ui-warm-charcoal) !important;
}

body.path-sustainability-local .tabbed-layer-photo.theme-blue,
body.path-sustainability-local .leadership-feature,
body.path-sustainability-local .call-to-action-large {
  background: var(--ui-brand-blue) !important;
  background-image: none !important;
}

body.path-sustainability-local .tabbed-layer-photo .field-eyebrow,
body.path-sustainability-local .tabbed-layer-photo .field-headline h2,
body.path-sustainability-local .tabbed-layer-photo .field-headline h3,
body.path-sustainability-local .tabbed-layer-photo .field-text,
body.path-sustainability-local .tabbed-layer-photo .field-text p,
body.path-sustainability-local .leadership-feature .field-eyebrow,
body.path-sustainability-local .leadership-feature .field-headline h2,
body.path-sustainability-local .leadership-feature h3,
body.path-sustainability-local .leadership-feature .field-title,
body.path-sustainability-local .leadership-feature p,
body.path-sustainability-local #sustainability-unpacked .field-headline h2,
body.path-sustainability-local #sustainability-unpacked .field-text,
body.path-sustainability-local #sustainability-unpacked .field-text p,
body.path-sustainability-local #sustainability-cta .field-headline h2,
body.path-sustainability-local #sustainability-cta .field-text,
body.path-sustainability-local #sustainability-cta .field-text p {
  color: var(--ui-base-cream) !important;
}

body.path-sustainability-local .tabbed-layer-photo .tabs li {
  cursor: pointer;
}

body.path-sustainability-local .tabbed-layer-photo .tabs li:focus-visible {
  outline: 2px solid var(--ui-base-cream);
  outline-offset: 6px;
}

body.path-sustainability-local .tabbed-layer-photo .sursac-link,
body.path-sustainability-local .tabbed-layer-photo .sursac-link:hover,
body.path-sustainability-local .tabbed-layer-photo .sursac-link:focus,
body.path-sustainability-local .tabbed-layer-photo .sursac-link:focus-visible,
body.path-sustainability-local .leadership-feature .sursac-link,
body.path-sustainability-local .leadership-feature .sursac-link:hover,
body.path-sustainability-local .leadership-feature .sursac-link:focus,
body.path-sustainability-local .leadership-feature .sursac-link:focus-visible {
  color: var(--ui-base-cream) !important;
  --link-text-color: var(--ui-base-cream) !important;
  --link-hover-color: var(--ui-base-cream) !important;
  --link-arrow-color: var(--ui-base-cream) !important;
}

body.path-sustainability-local .sustainability-local-toggle {
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

body.path-sustainability-local .sustainability-local-bio {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

body.path-sustainability-local .sustainability-local-bio[hidden] {
  display: none !important;
}

body.path-sustainability-local .spotlight-photo .sursac-button,
body.path-sustainability-local .spotlight-photo .sursac-button:hover,
body.path-sustainability-local .spotlight-photo .sursac-button:focus,
body.path-sustainability-local .spotlight-photo .sursac-button:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

body.path-sustainability-local #sustainability-unpacked.spotlight-photo.theme-blue {
  background:
    linear-gradient(135deg, #8e1b22 0%, #74151b 100%) !important;
}

body.path-sustainability-local #sustainability-unpacked .sursac-button,
body.path-sustainability-local #sustainability-unpacked .sursac-button:hover,
body.path-sustainability-local #sustainability-unpacked .sursac-button:focus,
body.path-sustainability-local #sustainability-unpacked .sursac-button:focus-visible,
body.path-sustainability-local #sustainability-cta .sursac-button,
body.path-sustainability-local #sustainability-cta .sursac-button:hover,
body.path-sustainability-local #sustainability-cta .sursac-button:focus,
body.path-sustainability-local #sustainability-cta .sursac-button:focus-visible {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  background-image: none !important;
  color: var(--ui-brand-blue) !important;
  --button-text-color: var(--ui-brand-blue) !important;
}

body.path-sustainability-local #sustainability-cta.call-to-action-large {
  background-color: var(--ui-brand-blue) !important;
  background-image:
    linear-gradient(rgba(142, 27, 34, 0.82), rgba(142, 27, 34, 0.82)),
    url("assets/planta3.png?v=20260718-1") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.path-sustainability-local #sustainability-cta.call-to-action-large .image {
  background: transparent !important;
  background-image: none !important;
}

body.path-sustainability-local #sustainability-cta .wrap {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

@media (max-width: 960px) {
  body.path-sustainability-local .sustainability-local-hero {
    padding: 54px 0 66px;
    border-top-left-radius: clamp(9rem, 22vw, 16rem);
  }

  body.path-sustainability-local .sustainability-local-hero-grid {
    grid-template-columns: 1fr;
  }

  body.path-sustainability-local .sustainability-local-hero-copy {
    max-width: none;
  }

  body.path-sustainability-local .sustainability-local-hero-media {
    justify-self: stretch;
  }

  body.path-sustainability-local .sustainability-local-hero-copy h2 {
    font-size: clamp(2.6rem, 11vw, 4rem);
  }

  body.path-sustainability-local .sustainability-local-benefits {
    padding: 46px 0 58px;
  }

  body.path-sustainability-local .sustainability-local-benefits-copy {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  body.path-sustainability-local .sustainability-local-benefits-grid {
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }

  body.path-sustainability-local .sustainability-local-benefit-card:nth-child(2),
  body.path-sustainability-local .sustainability-local-benefit-card:nth-child(3) {
    margin-top: 0;
  }

  body.path-sustainability-local .sustainability-local-subnav-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
  }
}

@media (max-width: 640px) {
  body.path-sustainability-local .sustainability-local-page {
    padding-bottom: 56px;
  }

  body.path-sustainability-local .sustainability-local-hero {
    padding: 42px 0 54px;
    border-top-left-radius: 5.75rem;
  }

  body.path-sustainability-local .sustainability-local-hero-grid {
    gap: 1.3rem;
  }

  body.path-sustainability-local .sustainability-local-benefits {
    padding: 40px 0 50px;
  }

  body.path-sustainability-local .sustainability-local-benefit-card {
    border-radius: 1.45rem;
    min-height: 25rem;
  }

  body.path-sustainability-local .sustainability-local-benefit-card__content {
    padding: 1.2rem 1.15rem 1.2rem;
  }

  body.path-sustainability-local .sustainability-local-hero-media {
    border-radius: 1.35rem;
  }

  body.path-sustainability-local .sustainability-local-hero-eyebrow {
    font-size: 0.76rem;
    letter-spacing: 0.14em;
  }

  body.path-sustainability-local .sustainability-local-hero-copy p:last-child {
    font-size: 1rem;
    line-height: 1.55;
  }

  body.path-sustainability-local .sustainability-local-subnav {
    padding: 14px 0 22px;
  }

  body.path-sustainability-local .sustainability-local-subnav a {
    white-space: nowrap;
  }

  body.path-sustainability-local #sustainability-cta .wrap {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.path-sustainability-local .sustainability-local-benefit-card {
    min-height: 27rem;
  }

  body.path-sustainability-local .sustainability-local-benefit-card::before {
    background:
      linear-gradient(
        180deg,
        rgba(15, 11, 11, 0.08) 0%,
        rgba(15, 11, 11, 0.18) 26%,
        rgba(90, 21, 27, 0.42) 56%,
        rgba(142, 27, 34, 0.92) 100%
      );
  }

  body.path-sustainability-local .sustainability-local-benefit-card__content p {
    max-height: 14rem;
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   COLORES SEGUROS
   Solo overrides que no rompen la composicion.
   ========================= */

/* Botones */
.sursac-button,
button.sursac-button,
a.sursac-button {
  background: var(--ui-button-bg) !important;
  background-color: var(--ui-button-bg) !important;
  background-image: none !important;
  color: var(--ui-button-text) !important;
}

.sursac-button:hover,
.sursac-button:focus,
button.sursac-button:hover,
button.sursac-button:focus,
a.sursac-button:hover,
a.sursac-button:focus {
  background: var(--ui-button-bg-hover) !important;
  background-color: var(--ui-button-bg-hover) !important;
  background-image: none !important;
  color: var(--ui-button-text) !important;
}

/* Header blanco: boton Contáctanos rojo vino con texto blanco */
.site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) .sursac-button {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-on-dark) !important;
  --button-text-color: var(--ui-on-dark) !important;
}

.site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) .sursac-button:hover,
.site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) .sursac-button:focus,
.site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) .sursac-button:focus-visible {
  background: #74151b !important;
  background-color: #74151b !important;
  background-image: none !important;
  color: var(--ui-on-dark) !important;
  --button-text-color: var(--ui-on-dark) !important;
}

/* Limpieza global del header local para que no reaparezcan utilidades del tema base */
body.path-latam .site-header .header-navigation,
body.path-latam .site-header .region-select,
body.path-latam .site-header .search-toggle,
body.path-latam #block-sursac-sursacsearchblock,
body.path-latam .region.region--sub-header,
body.path-latam .sectionnav-container,
body.path-latam [id*="sectionnavigation"] {
  display: none !important;
}

body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):hover,
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):focus,
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button):focus-visible {
  color: var(--ui-brand-blue) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

body.path-latam .site-header .main-navigation ul.menu-level-0 > li.menu-item--active-trail > a:not(.sursac-button),
body.path-latam .site-header .main-navigation ul.menu-level-0 > li.sursac-mega-open > a:not(.sursac-button),
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a[href="about.html"],
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a[href="about.html"]:hover,
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a[href="about.html"]:focus,
body.path-latam .site-header .main-navigation ul.menu-level-0 > li > a[href="about.html"]:focus-visible {
  color: var(--ui-brand-blue) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

body.path-latam .site-header .main-navigation a.sursac-button,
body.path-latam .site-header .main-navigation a.sursac-button:hover,
body.path-latam .site-header .main-navigation a.sursac-button:focus,
body.path-latam .site-header .main-navigation a.sursac-button:focus-visible {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

body.path-latam .site-header .main-navigation a.sursac-button:hover,
body.path-latam .site-header .main-navigation a.sursac-button:focus,
body.path-latam .site-header .main-navigation a.sursac-button:focus-visible {
  background: #74151b !important;
  background-color: #74151b !important;
}

@media (max-width: 63.9375rem) {
  body.path-latam .site-header .menu-toggle,
  body.path-latam .site-header .menu-toggle:hover,
  body.path-latam .site-header .menu-toggle:focus,
  body.path-latam .site-header .menu-toggle:focus-visible,
  body.path-latam.nav-open .site-header .menu-toggle {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 0.42rem !important;
    text-decoration: none !important;
    --toggle-color: var(--ui-brand-blue) !important;
    color: var(--ui-brand-blue) !important;
  }

  body.path-latam .site-header .menu-toggle span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body.path-latam .site-header .menu-toggle i {
    display: block !important;
    margin: 0 !important;
  }

  body.path-latam .site-header .menu-toggle i,
  body.path-latam .site-header .menu-toggle i::before,
  body.path-latam .site-header .menu-toggle i::after {
    background: var(--ui-brand-blue) !important;
  }

  body.path-latam.nav-open .site-header .menu-toggle i {
    background: transparent !important;
  }

  body.path-latam.nav-open .site-header .menu-toggle span {
    display: none !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item {
    position: relative !important;
  }

  body.path-latam .main-navigation .sursac-product-dropdown a,
  body.path-latam .main-navigation .sursac-product-dropdown a:hover,
  body.path-latam .main-navigation .sursac-product-dropdown a:focus,
  body.path-latam .main-navigation .sursac-product-dropdown a:focus-visible,
  body.path-latam .main-navigation .sursac-product-dropdown span,
  body.path-latam .main-navigation .sursac-product-dropdown .menu-headline {
    color: var(--ui-brand-blue) !important;
  }

  body.path-latam .main-navigation .sursac-product-dropdown ul.menu-level-1 > li > a,
  body.path-latam .main-navigation .sursac-product-dropdown .sursac-product-menu-list > li > a {
    color: var(--ui-brand-blue) !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item > .menu_link_content.sursac-product-dropdown {
    display: none !important;
    padding-left: 0 !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item.open > .menu_link_content.sursac-product-dropdown {
    display: block !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item::before,
  body.path-latam .main-navigation li.sursac-product-menu-item::after,
  body.path-latam .main-navigation li.sursac-product-menu-item > a::before,
  body.path-latam .main-navigation li.sursac-product-menu-item > a::after {
    content: none !important;
    display: none !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item,
  body.path-latam .main-navigation li.sursac-product-menu-item > a,
  body.path-latam .main-navigation li.sursac-product-menu-item > a:hover,
  body.path-latam .main-navigation li.sursac-product-menu-item > a:focus,
  body.path-latam .main-navigation li.sursac-product-menu-item > a:focus-visible {
    background-image: none !important;
  }

  body.path-latam .site-navigation .plus {
    display: none !important;
  }

  body.path-latam .site-navigation .plus,
  body.path-latam .site-navigation .plus:hover,
  body.path-latam .site-navigation .plus:focus,
  body.path-latam .site-navigation .plus:focus-visible {
    display: block !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 6.5 9 11.5 14 6.5' fill='none' stroke='%238E1B22' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'/%3E%3C/svg%3E")
      no-repeat center !important;
    background-size: 24px !important;
    filter: none !important;
    color: transparent !important;
    rotate: 0deg !important;
  }

  body.path-latam .site-navigation .sursac-mobile-plus,
  body.path-latam .site-navigation .sursac-mobile-plus:hover,
  body.path-latam .site-navigation .sursac-mobile-plus:focus,
  body.path-latam .site-navigation .sursac-mobile-plus:focus-visible {
    display: block !important;
    width: 40px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 6.5 9 11.5 14 6.5' fill='none' stroke='%238E1B22' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25'/%3E%3C/svg%3E")
      no-repeat center !important;
    background-size: 24px !important;
    filter: none !important;
    color: transparent !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    rotate: 0deg !important;
  }

  body.path-latam .site-navigation .sursac-mobile-plus.plus-open {
    rotate: 180deg !important;
  }

  body.path-latam .main-navigation li.sursac-product-menu-item > .plus,
  body.path-latam .main-navigation li.sursac-product-menu-item > .plus + .plus {
    display: none !important;
  }

  body.path-about-local .site-header .wrap,
  body.path-contact-local .site-header .wrap,
  body.path-sustainability-local .site-header .wrap,
  body.path-na--products .site-header .wrap {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem;
    min-height: 88px;
  }

  body.path-about-local .site-header .site-navigation,
  body.path-contact-local .site-header .site-navigation,
  body.path-sustainability-local .site-header .site-navigation,
  body.path-na--products .site-header .site-navigation {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 45;
    padding: 1rem 1.2rem 1.3rem;
    background: var(--ui-base-cream) !important;
    background-color: var(--ui-base-cream) !important;
    box-shadow: 0 16px 34px rgba(17, 17, 17, 0.12);
    border-top: 1px solid rgba(142, 27, 34, 0.12);
  }

  body.path-about-local.nav-open .site-header .site-navigation,
  body.path-contact-local.nav-open .site-header .site-navigation,
  body.path-sustainability-local.nav-open .site-header .site-navigation,
  body.path-na--products.nav-open .site-header .site-navigation {
    display: block !important;
  }

  body.path-about-local .site-header .main-navigation,
  body.path-contact-local .site-header .main-navigation,
  body.path-sustainability-local .site-header .main-navigation,
  body.path-na--products .site-header .main-navigation,
  body.path-about-local .site-header .main-navigation nav,
  body.path-contact-local .site-header .main-navigation nav,
  body.path-sustainability-local .site-header .main-navigation nav,
  body.path-na--products .site-header .main-navigation nav {
    width: 100%;
  }

  body.path-about-local .site-header .main-navigation ul.menu-level-0,
  body.path-contact-local .site-header .main-navigation ul.menu-level-0,
  body.path-sustainability-local .site-header .main-navigation ul.menu-level-0,
  body.path-na--products .site-header .main-navigation ul.menu-level-0 {
    display: grid;
    gap: 0.35rem;
    width: 100%;
  }

  body.path-about-local .site-header .main-navigation ul.menu-level-0 > li,
  body.path-contact-local .site-header .main-navigation ul.menu-level-0 > li,
  body.path-sustainability-local .site-header .main-navigation ul.menu-level-0 > li,
  body.path-na--products .site-header .main-navigation ul.menu-level-0 > li {
    width: 100%;
  }

  body.path-about-local .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
  body.path-contact-local .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
  body.path-sustainability-local .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
  body.path-na--products .site-header .main-navigation ul.menu-level-0 > li > a:not(.sursac-button) {
    display: block;
    padding: 0.7rem 0;
  }

  body.path-about-local .site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button),
  body.path-contact-local .site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button),
  body.path-sustainability-local .site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button),
  body.path-na--products .site-header .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) {
    margin-top: 0.4rem;
  }

  body.path-about-local .site-header .main-navigation a.sursac-button,
  body.path-contact-local .site-header .main-navigation a.sursac-button,
  body.path-sustainability-local .site-header .main-navigation a.sursac-button,
  body.path-na--products .site-header .main-navigation a.sursac-button {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
  }

  body.path-about-local .site-header .menu-toggle,
  body.path-contact-local .site-header .menu-toggle,
  body.path-sustainability-local .site-header .menu-toggle,
  body.path-na--products .site-header .menu-toggle {
    display: inline-flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin-left: auto;
  }
}

/* Header sobre fondo rojo: boton crema y lupa crema */
body:has(.page-header .theme-blue, .header-background-photo):not(.nav-open):not(.shrink-header) .site-header:not(:hover, :focus-within) .main-navigation ul.menu-level-0 > li:has(> a.sursac-button) .sursac-button {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  background-image: none !important;
  color: var(--ui-base-cream) !important;
  --button-text-color: var(--ui-base-cream) !important;
}

.site-header .search-toggle {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='15' cy='15' r='12' fill='none' stroke='%23111111' stroke-width='3'/%3E%3Cline x1='23.5' y1='23.5' x2='33' y2='33' stroke='%23111111' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

body:has(.page-header .theme-blue, .header-background-photo):not(.nav-open):not(.shrink-header) .site-header:not(:hover, :focus-within) .search-toggle {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='15' cy='15' r='12' fill='none' stroke='%23F6F1E9' stroke-width='3'/%3E%3Cline x1='23.5' y1='23.5' x2='33' y2='33' stroke='%23F6F1E9' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

.site-header .region-toggle {
  color: var(--ui-brand-blue) !important;
}

/* Sello circular celeste */
.header-seal {
  --seal-background: var(--ui-base-cream) !important;
  --seal-text: var(--ui-brand-blue) !important;
  background-color: var(--ui-base-cream) !important;
  border-color: var(--ui-base-cream) !important;
  color: var(--ui-brand-blue) !important;
  width: 126px !important;
  height: 126px !important;
  font-size: 1.08em !important;
  top: 6px !important;
}

.header-homepage .header-seal {
  background-color: var(--ui-seal-bg) !important;
  border-color: var(--ui-seal-bg) !important;
  color: var(--ui-seal-text) !important;
}

/* Bloque rojo de "Por qué las empresas confían en SURSAC" */
.launchpad-layer-homepage-photo.theme-blue {
  background: var(--ui-brand-blue) !important;
  background-image: none !important;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo a.block::after {
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M12.5 5.4 7.8.7C7.5.4 7 .4 6.7.7s-.3.8 0 1.1l3.5 3.5H1c-.4 0-.8.2-.8.7s.3.8.8.8h9.1l-3.4 3.4c-.3.3-.3.8 0 1.1s.8.3 1.1 0l4.8-4.8c.3-.3.3-.8 0-1.1Z' fill='%23F6F1E9'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: contain !important;
  filter: none !important;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo img {
  box-shadow: none !important;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo img,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:hover img,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-visible img {
  filter: none !important;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-image,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-image img {
  width: 100%;
  height: 100%;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-image img {
  object-fit: cover;
  transition: transform 0.38s ease;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:hover .field-image img,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-visible .field-image img,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-within .field-image img {
  transform: scale(1.05);
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .block {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.9rem;
  padding: 1.6rem 1.5rem 1.5rem;
  background-image: none !important;
  text-shadow: none !important;
  isolation: isolate;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .block > * {
  position: relative;
  z-index: 1;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .block::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      180deg,
      rgba(15, 11, 11, 0.04) 0%,
      rgba(15, 11, 11, 0.1) 28%,
      rgba(90, 21, 27, 0.2) 55%,
      rgba(142, 27, 34, 0.86) 100%
    );
  transition:
    background 0.28s ease,
    opacity 0.28s ease;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:hover .block::before,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-visible .block::before,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-within .block::before {
  background:
    linear-gradient(
      180deg,
      rgba(15, 11, 11, 0.1) 0%,
      rgba(15, 11, 11, 0.18) 24%,
      rgba(90, 21, 27, 0.46) 52%,
      rgba(142, 27, 34, 0.95) 100%
    );
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .block::after {
  z-index: 2;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo h3 {
  margin: 0;
  max-width: calc(100% - 4.2rem);
  color: var(--ui-base-cream) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.24);
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-text {
  max-width: calc(100% - 4.5rem);
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0;
  transform: translateY(12px);
  transition:
    max-height 0.32s ease,
    opacity 0.24s ease,
    transform 0.24s ease;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-text,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-text p {
  color: rgba(246, 241, 233, 0.96) !important;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo .field-text p {
  margin: 0;
  line-height: 1.62;
}

body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:hover .field-text,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-visible .field-text,
body.path-latam #launchpad-layer-homepage-photo-2399 .launchpad-item-homepage-photo:focus-within .field-text {
  max-height: 14rem;
  opacity: 1;
  transform: translateY(0);
}

.header-homepage .header-seal b,
.header-homepage .header-seal span,
.header-homepage .header-seal sup {
  color: inherit !important;
}

/* Texto blanco sobre las zonas azules */
.header-homepage .copy,
.header-homepage .copy h1,
.header-homepage .copy h2,
.header-homepage .copy h3 {
  color: var(--ui-on-dark);
}

body:has(.page-header .theme-blue, .header-background-photo):not(.nav-open):not(.shrink-header) .site-header:not(:hover, :focus-within) .main-navigation ul.menu-level-0 > li > a:not(.sursac-button),
body:has(.page-header .theme-blue, .header-background-photo):not(.nav-open):not(.shrink-header) .site-header:not(:hover, :focus-within) .header-navigation ul li a,
body:has(.page-header .theme-blue, .header-background-photo):not(.nav-open):not(.shrink-header) .site-header:not(:hover, :focus-within) .region-toggle {
  color: var(--ui-brand-blue) !important;
}

@media (min-width: 64rem) {
  .main-navigation ul.menu-level-0 > li > .menu_link_content {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-product-menu-item {
    position: relative !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-product-menu-item > .menu_link_content.sursac-product-dropdown {
    position: absolute !important;
    top: calc(100% + 0.35rem) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: max-content !important;
    min-width: 23rem !important;
    max-width: 28rem !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.4rem 1.9rem !important;
    overflow: hidden !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-product-menu-item.sursac-mega-open > .menu_link_content.sursac-product-dropdown {
    display: block !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-product-menu-item:hover > .menu_link_content.sursac-product-dropdown,
  .main-navigation ul.menu-level-0 > li.sursac-product-menu-item:focus-within > .menu_link_content.sursac-product-dropdown {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }

  .main-navigation .sursac-product-dropdown .menu-subnav,
  .main-navigation .sursac-product-dropdown .sursac-product-subnav {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main-navigation .sursac-product-dropdown ul.menu-level-1,
  .main-navigation .sursac-product-dropdown .sursac-product-menu-list {
    display: grid !important;
    gap: 1rem !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main-navigation .sursac-product-dropdown ul.menu-level-1 > li {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main-navigation .sursac-product-dropdown ul.menu-level-1 > li > a,
  .main-navigation .sursac-product-dropdown .sursac-product-menu-list > li > a {
    display: block !important;
    width: max-content !important;
    white-space: nowrap !important;
    font-size: 1.15rem !important;
    text-transform: none !important;
    line-height: 1.05 !important;
  }

  .main-navigation ul.menu-level-0 > li:has(> a[href="about.html"]) > .menu_link_content {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .main-navigation ul.menu-level-0 > li:has(> a[href="about.html"]).sursac-mega-open > a:not(.sursac-button) {
    color: var(--ui-brand-blue) !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-mega-open .menu-dropdown-0 {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
    visibility: visible !important;
  }

  .main-navigation ul.menu-level-0 > li.sursac-mega-open > a:not(.sursac-button) {
    color: var(--ui-brand-blue) !important;
  }

  .main-navigation .menu-dropdown-0 a,
  .main-navigation .menu-dropdown-0 span,
  .main-navigation .menu-dropdown-0 .menu-headline,
  .main-navigation .menu-dropdown-0 .menu-desktop-links a,
  .main-navigation ul.menu-level-0 > li:has(> a[class*=" complex"], > a[class^=complex]) ul.menu-level-1 > li > a:not(.plus),
  .main-navigation ul.menu-level-0 > li:has(> a[class*=" complex"], > a[class^=complex]) ul.menu-level-1 > li > a:not(.plus).maintain-hover {
    color: var(--ui-brand-blue) !important;
  }

  .main-navigation .menu-dropdown-0 a:hover,
  .main-navigation .menu-dropdown-0 a:focus-visible {
    color: #74151b !important;
  }
}

body.path-latam #stats-layer-2404 .stats-item .stat .field-number {
  font-size: 1rem !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  max-width: 150px !important;
  margin: 0 auto 8px !important;
}

body.path-latam #stats-layer-2404 .stats-item .stat .field-label {
  font-size: 0.7rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  max-width: 130px !important;
  margin: 0 auto !important;
}

body.path-latam #stats-layer-2404 .field-eyebrow {
  color: var(--ui-ink-dark) !important;
  text-transform: none !important;
}

body.path-latam #stats-layer-2404.stats-layer {
  background-color: var(--ui-base-cream) !important;
  background-image: none !important;
}

body.path-latam #stats-layer-2404 .stats-item .stat {
  box-shadow: none !important;
  filter: none !important;
}

body.path-latam #stats-layer-2404 .stats-item::before,
body.path-latam #stats-layer-2404 .stats-item::after,
body.path-latam #stats-layer-2404 .stats-item .stat::before,
body.path-latam #stats-layer-2404 .stats-item .stat::after {
  box-shadow: none !important;
}

body.path-latam #stats-item-2401,
body.path-latam #stats-item-2401 .field-number,
body.path-latam #stats-item-2401 .field-label {
  color: var(--ui-carmine) !important;
}

body.path-latam #stats-item-2401::after {
  border-color: var(--ui-carmine) !important;
}

body.path-latam #stats-item-2400,
body.path-latam #stats-item-2400 .field-number,
body.path-latam #stats-item-2400 .field-label {
  color: var(--ui-brand-blue) !important;
}

body.path-latam #stats-item-2400::after {
  border-color: var(--ui-brand-blue) !important;
}

body.path-latam #stats-item-2402,
body.path-latam #stats-item-2402 .field-number,
body.path-latam #stats-item-2402 .field-label {
  color: var(--ui-brand-blue) !important;
}

body.path-latam #stats-item-2402::after {
  border-color: var(--ui-brand-blue) !important;
}

body.path-latam #stats-layer-2404 .copy .sursac-link,
body.path-latam #stats-layer-2404 .copy .sursac-link:hover,
body.path-latam #stats-layer-2404 .copy .sursac-link:focus,
body.path-latam #stats-layer-2404 .copy .sursac-link:focus-visible {
  color: var(--ui-brand-blue) !important;
  --link-text-color: var(--ui-brand-blue) !important;
  --link-hover-color: var(--ui-brand-blue) !important;
  --link-arrow-color: var(--ui-brand-blue) !important;
}

body.path-latam #stats-layer-2404 .copy .sursac-link::after {
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M12.5 5.4 7.8.7C7.5.4 7 .4 6.7.7s-.3.8 0 1.1l3.5 3.5H1c-.4 0-.8.2-.8.7s.3.8.8.8h9.1l-3.4 3.4c-.3.3-.3.8 0 1.1s.8.3 1.1 0l4.8-4.8c.3-.3.3-.8 0-1.1Z' fill='%238E1B22'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: contain !important;
  filter: none !important;
}

body.path-latam #call-to-action-large-2414.call-to-action-large {
  background-color: var(--ui-brand-blue) !important;
  background-image:
    linear-gradient(rgba(142, 27, 34, 0.8), rgba(142, 27, 34, 0.8)),
    url("assets/planta3.png?v=20260718-1") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.path-latam #call-to-action-large-2414.call-to-action-large .image {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  background-image: none !important;
}

body.path-latam #call-to-action-large-2414 .field-headline h2,
body.path-latam #call-to-action-large-2414 .field-text,
body.path-latam #call-to-action-large-2414 .field-text p {
  color: var(--ui-base-cream) !important;
}

body.path-latam #call-to-action-large-2414 .wrap {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

body.path-latam #call-to-action-large-2414 .field-headline h2 {
  font-size: clamp(3rem, 5.15vw, 5.35rem) !important;
  line-height: 0.96 !important;
}

body.path-latam #call-to-action-large-2414 .field-text,
body.path-latam #call-to-action-large-2414 .field-text p {
  font-size: 0.94rem !important;
  line-height: 1.42 !important;
}

body.path-latam #call-to-action-large-2414 .field-text img {
  display: block;
  width: 118px;
  height: auto;
  margin-bottom: 18px;
}

/* =========================
   CARRUSEL DE PRODUCTOS
   Cambia acentos verdes a rojo vino.
   ========================= */

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon {
  box-shadow: 0 14px 32px rgba(17, 17, 17, 0.1) !important;
  filter: none !important;
  transform-origin: center;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a {
  background: #ffffff !important;
  background-color: #ffffff !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon:hover,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon:focus-within {
  box-shadow: 0 20px 42px rgba(17, 17, 17, 0.15) !important;
  transform: scale(1.03);
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon.swiper-slide-active > a,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon.slick-current > a,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon.slick-active > a {
  background: linear-gradient(to bottom, var(--ui-brand-blue) 0 28px, #ffffff 28px 100%) !important;
  border-top-color: var(--ui-brand-blue) !important;
  box-shadow: none !important;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:hover,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:focus,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:focus-visible {
  background: linear-gradient(to bottom, var(--ui-brand-blue) 0 28px, #ffffff 28px 100%) !important;
  border-top-color: var(--ui-brand-blue) !important;
  box-shadow: none !important;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a::before,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:hover::before,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:focus::before,
body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon > a:focus-visible::before {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  border-color: var(--ui-brand-blue) !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-pagination-bullet-active,
body.path-latam #launchpad-layer-icon-2413 .slick-dots li.slick-active button,
body.path-latam #launchpad-layer-icon-2413 .slick-dots li.slick-active button::before {
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  color: var(--ui-brand-blue) !important;
}

body.path-latam #launchpad-layer-icon-2413 .field-launchpad-items,
body.path-latam #launchpad-layer-icon-2413 .field-launchpad-items.slick-slider {
  position: relative;
}

body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel-viewport {
  position: relative;
  overflow: visible;
}

body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 4.5rem) / 4);
  gap: 1.5rem;
  margin: 0;
  padding: 1.5rem 0 2.25rem;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel::-webkit-scrollbar {
  display: none;
}

body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel > .launchpad-item-icon {
  min-width: 0;
  scroll-snap-align: start;
}

body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel-button:disabled {
  opacity: 0.35 !important;
  cursor: default;
  pointer-events: none;
}

@media (max-width: 63.9375rem) {
  body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel {
    grid-auto-columns: calc((100% - 1.5rem) / 2);
  }
}

@media (max-width: 35.9375rem) {
  body.path-latam #launchpad-layer-icon-2413 .sursac-product-carousel {
    grid-auto-columns: 100%;
  }
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  background: var(--ui-brand-blue) !important;
  background-color: var(--ui-brand-blue) !important;
  color: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 34px rgba(96, 13, 18, 0.24) !important;
  filter: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  margin-top: 0 !important;
  top: calc(50% - 28px) !important;
  z-index: 40 !important;
  rotate: 0deg !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease,
    background-color 0.22s ease !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next::before,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev::before,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow::before,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow::before {
  content: none !important;
  display: none !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next::after,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev::after,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow::after,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 40px !important;
  height: 40px !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  text-indent: 0 !important;
  color: transparent !important;
  transform: translate(-50%, -50%) !important;
}

body.sursac-popup-open {
  overflow: hidden;
}

.sursac-lead-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(17, 17, 17, 0.46);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.24s ease, visibility 0.24s ease;
}

.sursac-lead-popup.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.sursac-lead-popup__dialog {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  width: min(34rem, 100%);
  overflow: hidden;
  border-radius: 1.75rem;
  background: #f6f1e9;
  box-shadow: 0 24px 70px rgba(17, 17, 17, 0.22);
}

.sursac-lead-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 2.75rem;
  height: 2.75rem;
  border: 0;
  border-radius: 999px;
  background: rgba(246, 241, 233, 0.92);
  color: #8e1b22;
  font-size: 1.9rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(17, 17, 17, 0.12);
}

.sursac-lead-popup__close:hover,
.sursac-lead-popup__close:focus-visible {
  background: #ffffff;
  color: #74151b;
}

.sursac-lead-popup__media {
  max-height: 15rem;
  background: #e7ddd0;
}

.sursac-lead-popup__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sursac-lead-popup__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  padding: 1.8rem 1.8rem 1.9rem;
  text-align: center;
}

.sursac-lead-popup__eyebrow {
  margin: 0;
  color: #8e1b22;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.sursac-lead-popup__content h2 {
  margin: 0;
  color: #8e1b22;
  font-size: clamp(2rem, 2.4vw, 2.8rem);
  font-weight: 800;
  line-height: 0.95;
  text-align: center;
}

.sursac-lead-popup__copy {
  margin: 0;
  color: #5d1e21;
  font-size: 1.08rem;
  line-height: 1.55;
  text-align: center;
}

.sursac-lead-popup__actions {
  display: grid;
  gap: 0.8rem;
  margin-top: 0.45rem;
  justify-items: center;
  width: 100%;
}

.sursac-lead-popup__action,
.sursac-lead-popup__action:hover,
.sursac-lead-popup__action:focus,
.sursac-lead-popup__action:focus-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #8e1b22;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  text-align: center;
  transition: transform 0.18s ease, color 0.18s ease;
}

.sursac-lead-popup__action:hover,
.sursac-lead-popup__action:focus-visible {
  background: transparent;
  color: #74151b;
  transform: translateY(-1px);
}

.sursac-lead-popup__action--whatsapp {
  background: transparent;
}

.sursac-lead-popup__icon {
  flex: 0 0 auto;
  font-size: 1.2rem;
}

@media (max-width: 48rem) {
  .sursac-lead-popup {
    padding: 1rem;
    align-items: center;
  }

  .sursac-lead-popup__dialog {
    width: 100%;
    max-width: 28rem;
    border-radius: 1.4rem;
  }

  .sursac-lead-popup__media {
    max-height: 12.5rem;
  }

  .sursac-lead-popup__content {
    padding: 1.4rem 1.2rem 1.25rem;
  }

  .sursac-lead-popup__content h2 {
    font-size: 1.8rem;
  }

  .sursac-lead-popup__copy {
    font-size: 1rem;
  }

  .sursac-lead-popup__action,
  .sursac-lead-popup__action:hover,
  .sursac-lead-popup__action:focus,
  .sursac-lead-popup__action:focus-visible {
    font-size: 0.95rem;
  }
}

@media (max-width: 63.9375rem) {
  body.path-latam #launchpad-item-homepage-photo-2396 .field-image {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 4.5rem 1rem 1.35rem;
    box-sizing: border-box;
  }

  body.path-latam #launchpad-item-homepage-photo-2396 .field-image img,
  body.path-latam #launchpad-item-homepage-photo-2396:hover .field-image img,
  body.path-latam #launchpad-item-homepage-photo-2396:focus-visible .field-image img {
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
  }
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow {
  left: 0 !important;
  right: auto !important;
  transform: translateY(-50%) !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow {
  right: 0 !important;
  left: auto !important;
  transform: translateY(-50%) !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev::after,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow::after {
  background-image: url("assets/iconos/flecha1.svg") !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next::after,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow::after {
  background-image: url("assets/iconos/flecha2.svg") !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next:hover,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev:hover,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-next:focus-visible,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev:focus-visible,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow:hover,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow:hover,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow:focus-visible,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow:focus-visible {
  background: #7f1920 !important;
  background-color: #7f1920 !important;
  box-shadow: 0 22px 42px rgba(96, 13, 18, 0.28) !important;
  transform: translateY(-50%) scale(1.06) !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-disabled,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow.slick-disabled,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow.slick-disabled {
  opacity: 0.38 !important;
}

body.path-latam #launchpad-layer-icon-2413 .swiper-button-next svg,
body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev svg,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow svg,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow svg,
body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow img,
body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow img {
  display: none !important;
}

@media (max-width: 979px) {
  body.path-latam #launchpad-layer-icon-2413 .swiper-button-next,
  body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev,
  body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow,
  body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow {
    width: 52px !important;
    height: 52px !important;
    top: calc(50% - 24px) !important;
  }

  body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev,
  body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow {
    left: 10px !important;
  }

  body.path-latam #launchpad-layer-icon-2413 .swiper-button-next,
  body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow {
    right: 10px !important;
  }

  body.path-latam #launchpad-layer-icon-2413 .swiper-button-next::after,
  body.path-latam #launchpad-layer-icon-2413 .swiper-button-prev::after,
  body.path-latam #launchpad-layer-icon-2413 button.slick-next.slick-arrow::after,
  body.path-latam #launchpad-layer-icon-2413 button.slick-prev.slick-arrow::after {
    width: 34px !important;
    height: 34px !important;
  }
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon img {
  display: block;
  width: 118px;
  height: 118px;
  margin: 0 auto 16px;
  object-fit: contain;
  filter: none !important;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-icon-image--wide {
  transform: scale(1.45);
  transform-origin: center;
}

body.path-latam #launchpad-layer-icon-2413 .launchpad-item-icon .field-headline h3 {
  max-width: 220px;
  margin: 0 auto;
}

body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo img,
body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a {
  box-shadow: none !important;
  filter: none !important;
}

body.path-latam #launchpad-layer-circular-photo-2422 .field-eyebrow {
  text-transform: none !important;
  color: var(--ui-brand-blue) !important;
}

body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a,
body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a:hover,
body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a:focus,
body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a:focus-visible {
  color: var(--ui-brand-blue) !important;
}

body.path-latam #insights-layer-2423 header .sursac-button,
body.path-latam #insights-layer-2423 header .sursac-button:hover,
body.path-latam #insights-layer-2423 header .sursac-button:focus,
body.path-latam #insights-layer-2423 header .sursac-button:focus-visible {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

body.path-latam #launchpad-layer-circular-photo-2422 .launchpad-item-circular-photo .field-link a::after {
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M12.5 5.4 7.8.7C7.5.4 7 .4 6.7.7s-.3.8 0 1.1l3.5 3.5H1c-.4 0-.8.2-.8.7s.3.8.8.8h9.1l-3.4 3.4c-.3.3-.3.8 0 1.1s.8.3 1.1 0l4.8-4.8c.3-.3.3-.8 0-1.1Z' fill='%238E1B22'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: contain !important;
  filter: none !important;
}

body.path-latam #call-to-action-medium-2424 {
  background-color: #74151b !important;
  background-image:
    linear-gradient(90deg, rgba(116, 21, 27, 0.9) 0%, rgba(116, 21, 27, 0.8) 46%, rgba(95, 18, 24, 0.78) 100%),
    url("assets/planta3.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.path-latam #call-to-action-medium-2424 .image {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

body.path-latam #call-to-action-medium-2424 .wrap {
  display: flex !important;
  align-items: center !important;
  min-height: clamp(33rem, 40vw, 41rem) !important;
  padding: 6.75em 2em 8.5em !important;
}

body.path-latam #call-to-action-medium-2424 .field-headline h2,
body.path-latam #call-to-action-medium-2424 .field-headline h2 span {
  color: var(--ui-base-cream) !important;
}

body.path-latam #call-to-action-medium-2424 .field-headline h2 {
  font-size: clamp(3.1rem, 6vw, 6.15rem) !important;
  line-height: 0.95 !important;
  margin-bottom: 0.32em !important;
}

body.path-latam #call-to-action-medium-2424 .sursac-button,
body.path-latam #call-to-action-medium-2424 .sursac-button:hover,
body.path-latam #call-to-action-medium-2424 .sursac-button:focus,
body.path-latam #call-to-action-medium-2424 .sursac-button:focus-visible {
  background: var(--ui-base-cream) !important;
  background-color: var(--ui-base-cream) !important;
  color: var(--ui-brand-blue) !important;
  --button-text-color: var(--ui-brand-blue) !important;
}

@media (min-width: 48rem) {
  body.path-latam #call-to-action-medium-2424 .wrap {
    padding: 7.5em 3em 9.5em !important;
  }
}

@media (min-width: 64rem) {
  body.path-latam #call-to-action-medium-2424 .wrap {
    padding: 8.75em 4em 11.25em !important;
  }
}

body.path-na--products .site-header .header-navigation {
  display: none !important;
}

body.path-na--products .site-header {
  background: var(--ui-base-cream) !important;
}

body.path-na--products .site-header .wrap {
  background: var(--ui-base-cream) !important;
}

body.path-na--products .site-header .site-logo-image {
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.path-na--products .region.region--sub-header,
body.path-na--products .sectionnav-container,
body.path-na--products #block-sursac-nasectionnavigation {
  display: none !important;
}

body.path-na--products .products-hero {
  position: relative;
  width: 100%;
  margin: 0 0 1.5rem;
  overflow: hidden;
  background: #1e1612;
}

body.path-na--products .products-hero__media {
  position: relative;
  min-height: clamp(26rem, 40vw, 45rem);
}

body.path-na--products .products-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(30, 22, 18, 0.34) 0%, rgba(30, 22, 18, 0.28) 32%, rgba(30, 22, 18, 0.46) 100%);
}

body.path-na--products .products-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(26rem, 40vw, 45rem);
  object-fit: cover;
  object-position: center center;
}

body.path-na--products .products-hero__copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 3rem 2rem 4.5rem;
  text-align: center;
  color: #ffffff;
}

body.path-na--products .products-hero__copy h1 {
  max-width: 22ch;
  margin: 0;
  color: #ffffff;
  font-size: clamp(3.3rem, 6.4vw, 6.6rem);
  font-weight: 700;
  line-height: 0.96;
  text-wrap: balance;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

body.path-na--products .products-hero__copy h1 span {
  display: block;
}

body.path-na--products .products-hero__copy p:last-child {
  margin: 0;
  max-width: 48rem;
  color: rgba(255, 255, 255, 0.96);
  font-size: clamp(1rem, 1.6vw, 1.35rem);
  font-weight: 400;
  line-height: 1.5;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body.path-na--products .page-title,
body.path-na--products .page-header,
body.path-na--products #header-background-photo-1421,
body.path-na--products #spotlight-photo-2831,
body.path-na--products #spotlight-photo-1444,
body.path-na--products #list-columns-layer-1454 {
  display: none !important;
}

body.path-na--products .launchpad-item-large-photo .text > a,
body.path-na--products .launchpad-item-large-photo .text > a:hover,
body.path-na--products .launchpad-item-large-photo .text > a:focus,
body.path-na--products .launchpad-item-large-photo .text > a:focus-visible,
body.path-na--products .launchpad-item-large-photo .text > a:visited,
body.path-na--products .launchpad-item-large-photo .text > a:visited:hover {
  display: block;
  width: 100%;
  color: var(--ui-brand-blue) !important;
  text-align: center;
  text-decoration: none !important;
  text-decoration-color: currentColor !important;
  --link-text-color: var(--ui-brand-blue) !important;
  --link-hover-color: var(--ui-brand-blue) !important;
  --link-arrow-color: var(--ui-brand-blue) !important;
}

body.path-na--products .launchpad-item-large-photo .field-headline h3 {
  color: var(--ui-brand-blue) !important;
  text-align: center;
}

body.path-na--products .launchpad-item-large-photo {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: min(100%, 36rem);
  margin: 0 auto;
  padding: 0;
  border-radius: 2rem;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden;
}

body.path-na--products .launchpad-item-large-photo .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.35rem 1.35rem 1.5rem;
  text-align: center;
}

body.path-na--products .launchpad-item-large-photo .field-text,
body.path-na--products .launchpad-item-large-photo .field-text p {
  text-align: center;
}

body.path-na--products #launchpad-layer-large-photo-1426 .wrap {
  width: min(1240px, calc(100% - 56px)) !important;
}

body.path-na--products #launchpad-layer-large-photo-1426 .field-launchpad-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.5rem, 2vw, 2.15rem) !important;
  align-items: stretch !important;
}

body.path-na--products #launchpad-item-large-photo-1424 > a,
body.path-na--products #launchpad-item-large-photo-1425 > a,
body.path-na--products #launchpad-item-large-photo-sacos-tejidos > a,
body.path-na--products #launchpad-item-large-photo-1445 > a,
body.path-na--products #launchpad-item-large-photo-sacos-impresos-con-asa > a,
body.path-na--products #launchpad-item-large-photo-1443 > a,
body.path-na--products #launchpad-item-large-photo-saco-transparente > a,
body.path-na--products #launchpad-item-large-photo-1436 > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 260px;
  padding: 1rem;
  line-height: 0;
  background: #faf6f0 !important;
  background-color: #faf6f0 !important;
  border-bottom: 1px solid rgba(142, 27, 34, 0.14);
  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
}

body.path-na--products .product-image-rotator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  background: transparent !important;
  isolation: isolate;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
}

body.path-na--products #launchpad-item-large-photo-1424 .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-1425 .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-sacos-tejidos .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-sacos-impresos-con-asa .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-1443 .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-saco-transparente .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-item-large-photo-1436 .product-image-rotator {
  max-width: none;
  min-height: 100%;
}

body.path-na--products #launchpad-layer-large-photo-1426 .launchpad-item-large-photo .product-image-rotator {
  max-width: none !important;
  min-height: 100% !important;
}

body.path-na--products #launchpad-item-large-photo-1436 .product-image {
  max-width: 80% !important;
  max-height: 80% !important;
}

body.path-na--products .product-image {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: auto !important;
  height: 84% !important;
  max-width: 88% !important;
  max-height: 84% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.path-na--products .product-image {
    transition: none !important;
  }
}

@media (max-width: 63.9375rem) {
  body.path-na--products .products-hero {
    margin-bottom: 1rem;
  }

  body.path-na--products .products-hero__media,
  body.path-na--products .products-hero__image {
    min-height: 22rem;
  }

  body.path-na--products .products-hero__copy {
    padding: 2rem 1.25rem 2.6rem;
    gap: 0.9rem;
  }

  body.path-na--products .products-hero__copy h1 {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }

  body.path-na--products .products-hero__copy p:last-child {
    font-size: 1rem;
  }

  body.path-na--products #launchpad-layer-large-photo-1426 .wrap {
    width: min(100%, calc(100% - 32px)) !important;
  }

  body.path-na--products #launchpad-layer-large-photo-1426 .field-launchpad-items {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 48rem) and (max-width: 80rem) {
  body.path-sustainability-local .sustainability-local-hero {
    border-top-left-radius: clamp(10rem, 18vw, 14rem);
  }

  body.path-sustainability-local .sustainability-local-hero-grid {
    padding-left: clamp(1.5rem, 3.8vw, 3rem);
  }

  body.path-sustainability-local .sustainability-local-hero-eyebrow {
    font-size: 0.84rem;
    letter-spacing: 0.16em;
  }
}

/* =========================
   REFERENCIA RAPIDA
   Botones:
   --ui-button-bg
   --ui-button-bg-hover

   Hero/header rojo:
   Requiere intervenir las formas y assets del hero.
   No basta con cambiar una variable sin afectar el layout.
   ========================= */

/* Legal pages */
body.path-legal-local {
  background:
    radial-gradient(circle at 92% 9%, rgba(142, 27, 34, 0.1), transparent 25rem),
    var(--ui-base-cream);
}

body.path-legal-local .main-content {
  padding-top: clamp(8.5rem, 12vw, 12rem);
}

body.path-legal-local .legal-page {
  width: min(100% - 2rem, 74rem);
  margin: 0 auto;
  padding: 0 0 clamp(4rem, 8vw, 7rem);
}

body.path-legal-local .legal-page__header {
  max-width: 58rem;
  margin-bottom: clamp(2rem, 5vw, 4rem);
}

body.path-legal-local .legal-page__eyebrow {
  margin: 0 0 0.75rem;
  color: var(--ui-brand-blue);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.path-legal-local .legal-page__header h1 {
  margin: 0 0 1rem;
  color: var(--ui-brand-blue);
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 800;
  line-height: 0.9;
}

body.path-legal-local .legal-page__updated {
  margin: 0;
  color: var(--ui-carmine);
  font-weight: 700;
}

body.path-legal-local .legal-page__content {
  display: grid;
  gap: 1rem;
  padding: clamp(1.5rem, 4vw, 4rem);
  border-radius: clamp(1.25rem, 3vw, 2.5rem);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 24px 70px rgba(62, 23, 24, 0.1);
}

body.path-legal-local .legal-page__section {
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(142, 27, 34, 0.16);
}

body.path-legal-local .legal-page__section:last-child {
  border-bottom: 0;
}

body.path-legal-local .legal-page__section h2 {
  margin: 0 0 0.8rem;
  color: var(--ui-brand-blue);
  font-size: clamp(1.45rem, 2.3vw, 2.1rem);
  font-weight: 800;
}

body.path-legal-local .legal-page__section p,
body.path-legal-local .legal-page__section li {
  color: #4a292a;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.75;
}

body.path-legal-local .legal-page__section p:last-child,
body.path-legal-local .legal-page__section ul:last-child {
  margin-bottom: 0;
}

body.path-legal-local .legal-page__section a {
  color: var(--ui-brand-blue);
  font-weight: 700;
}

body.path-legal-local .legal-page__details {
  padding: 1.25rem 1.4rem;
  border-left: 4px solid var(--ui-brand-blue);
  background: var(--ui-base-cream);
}

@media (max-width: 47.9375rem) {
  body.path-legal-local .main-content {
    padding-top: 7rem;
  }

  body.path-legal-local .legal-page {
    width: min(100% - 1.25rem, 74rem);
  }

  body.path-legal-local .legal-page__content {
    padding: 1rem 1.25rem;
  }
}