/*
 * Activacions visual identity — shared layer
 * Scope: public shell and whitelisted static SP Page Builder pages only.
 * Variants are activated explicitly by body classes from identity/variant.php.
 */

@font-face {
  font-family: "Nitti";
  src: url("../fonts/activacions/Nitti-Normal.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Nitti";
  src: url("../fonts/activacions/Nitti-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: url("../fonts/activacions/Rubik-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

body.activacions-identity {
  --act-blue: #3b62ed;
  --act-blue-dark: #2949c7;
  --act-slate: #434656;
  --act-navy: #141c26;
  --act-canvas: #f8f9ff;
  --act-white: #ffffff;
  --act-ink: #141c26;
  --act-muted: #626879;
  --act-line: #d7dce8;
  --act-line-strong: #aeb6c8;
  --act-success: #257a50;
  --act-danger: #b42318;
  --act-header-height: 88px;
  --act-content-width: 1180px;
  --act-reading-width: 74ch;
  --act-gutter: clamp(20px, 3vw, 40px);
  --act-section-space: clamp(54px, 6vw, 88px);
  --act-radius: 4px;

  /* Compatibility aliases consumed by the existing template and modules. */
  --navbar-height: var(--act-header-height);
  --navbar_background: var(--act-white);
  --navbar_color: var(--act-slate);
  --navbar_hover_background: transparent;
  --navbar_hover_color: var(--act-blue);
  --navbar_active_background: transparent;
  --navbar_active_color: var(--act-blue);
  --activacions-blue: var(--act-blue);
  --activacions-darkgray: var(--act-slate);
  --activacions-black: var(--act-navy);
  --activacions-white: var(--act-white);
  --corporative_main_color: var(--act-blue);
  --corporative_secondary_color: var(--act-navy);
  --title_font: "Nitti", "Arial Narrow", Arial, sans-serif;
  --subtitle_font: "Rubik", Arial, sans-serif;
}

body.activacions-identity :is(
  #activacions_classic_header,
  #activacions-offcanvas-menu,
  #sp-bottom,
  #sp-footer,
  #sp-page-builder.page-1,
  #sp-page-builder.page-3,
  #sp-page-builder.page-8,
  #sp-page-builder.page-9,
  #sp-page-builder.page-12,
  #sp-page-builder.page-13,
  #sp-page-builder.page-14
) {
  font-family: "Rubik", Arial, sans-serif;
}

body.activacions-identity :is(
  #activacions_classic_header,
  #activacions-offcanvas-menu,
  #sp-bottom,
  #sp-footer,
  #sp-page-builder.page-1,
  #sp-page-builder.page-3,
  #sp-page-builder.page-8,
  #sp-page-builder.page-9,
  #sp-page-builder.page-12,
  #sp-page-builder.page-13,
  #sp-page-builder.page-14
) :is(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--act-blue) !important;
  outline-offset: 3px;
  box-shadow: none !important;
}

body.activacions-identity :is(
  #activacions_classic_header,
  #activacions-offcanvas-menu,
  #sp-bottom,
  #sp-footer,
  #sp-page-builder.page-1,
  #sp-page-builder.page-3,
  #sp-page-builder.page-8,
  #sp-page-builder.page-9,
  #sp-page-builder.page-12,
  #sp-page-builder.page-13,
  #sp-page-builder.page-14
) a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

/* Shared shell ----------------------------------------------------------- */

body.activacions-identity #activacions_classic_header {
  width: 100%;
  height: var(--act-header-height) !important;
  z-index: 1100;
  background: transparent;
}

body.activacions-identity #activacions_classic_header > .pgen_header {
  height: var(--act-header-height) !important;
  background: var(--act-white) !important;
  border-bottom: 1px solid var(--act-line) !important;
  box-shadow: 0 10px 26px rgba(20, 28, 38, 0.1) !important;
}

body.activacions-identity #activacions_classic_header .container {
  width: 100%;
  max-width: 1380px;
  padding-inline: 30px;
}

body.activacions-identity #activacions_classic_header .col-12 {
  padding-inline: 0;
}

body.activacions-identity #activacions_classic_header .header_grid_container {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) minmax(118px, auto) !important;
  gap: clamp(14px, 2vw, 30px) !important;
  justify-content: stretch !important;
  align-items: center;
  min-height: var(--act-header-height);
}

body.activacions-identity #activacions_classic_header #sp-logo,
body.activacions-identity #activacions_classic_header .logo,
body.activacions-identity #activacions_classic_header .logo > a {
  width: 100%;
  height: 54px !important;
  min-width: 0;
}

body.activacions-identity #activacions_classic_header .header_grid_container .logo img {
  display: block;
  width: auto !important;
  height: 54px !important;
  max-width: 250px !important;
  max-height: 54px !important;
  object-fit: contain;
  object-position: left center;
}

body.activacions-identity #activacions_classic_header .pgen_navbar,
body.activacions-identity #activacions_classic_header .sp-megamenu-wrapper,
body.activacions-identity #activacions_classic_header .sp-megamenu-parent {
  min-width: 0;
  height: var(--act-header-height) !important;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-wrapper {
  justify-content: flex-end;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent {
  display: flex !important;
  align-items: stretch;
  gap: 2px;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li {
  display: flex;
  align-items: stretch;
  position: relative;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > a,
body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  height: var(--act-header-height) !important;
  padding: 3px clamp(9px, 1vw, 15px) 0 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  color: var(--act-slate) !important;
  background: transparent !important;
  font-family: "Rubik", Arial, sans-serif !important;
  font-size: clamp(13px, 0.9vw, 15px) !important;
  font-weight: 520 !important;
  line-height: 1.15 !important;
  white-space: nowrap;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li.active > a,
body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li:hover > a,
body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > a:focus-visible {
  color: var(--act-blue) !important;
  border-bottom-color: var(--act-blue) !important;
  font-weight: 650 !important;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > a::before,
body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > a::after {
  display: none !important;
  content: none !important;
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li:is(.itemid-1391, .itemid-1392)::before {
  top: 50%;
  left: 12px;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
}

body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li:is(.itemid-1391, .itemid-1392) > a {
  padding-left: 42px !important;
}

body.activacions-identity #activacions_classic_header .sp-dropdown {
  padding-top: 0;
  border: 1px solid var(--act-line);
  border-top: 3px solid var(--act-blue);
  box-shadow: 0 18px 36px rgba(20, 28, 38, 0.16);
}

body.activacions-identity #activacions_classic_header .sp-dropdown-inner {
  padding: 10px 0;
  background: var(--act-white);
}

body.activacions-identity #activacions_classic_header .sp-dropdown-items > li > a {
  display: block !important;
  height: auto !important;
  padding: 11px 18px !important;
  border: 0 !important;
  color: var(--act-navy) !important;
  font-family: "Rubik", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.activacions-identity #activacions_classic_header .sp-dropdown-items > li.active > a,
body.activacions-identity #activacions_classic_header .sp-dropdown-items > li > a:hover,
body.activacions-identity #activacions_classic_header .sp-dropdown-items > li > a:focus-visible {
  color: var(--act-blue) !important;
  background: var(--act-canvas) !important;
}

body.activacions-identity #activacions_classic_header .right_zone {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 6px !important;
  align-content: center;
  min-width: 118px;
}

body.activacions-identity #activacions_classic_header .mod-languages.advanced-dropdown .langChoose {
  width: 100% !important;
  min-height: 34px;
  padding: 5px 8px !important;
  border: 1px solid var(--act-line-strong);
  border-radius: var(--act-radius);
  background: var(--act-white);
  color: var(--act-slate);
  font-size: 13px;
}

body.activacions-identity #activacions_classic_header .mod-languages.advanced-dropdown ul.lang-block {
  width: 100% !important;
  border: 1px solid var(--act-line-strong);
  background: var(--act-white);
  box-shadow: 0 12px 24px rgba(20, 28, 38, 0.14);
}

body.activacions-identity #activacions_classic_header .mod-languages.advanced-dropdown:focus-within ul.lang-block {
  height: auto;
  opacity: 1;
}

body.activacions-identity #activacions_classic_header .login_button {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  min-height: 28px;
  padding: 2px 8px;
  color: var(--act-slate) !important;
  font-family: "Rubik", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
}

body.activacions-identity #activacions_classic_header .login_button:hover,
body.activacions-identity #activacions_classic_header .login_button:focus-visible {
  color: var(--act-blue) !important;
}

body.activacions-identity #offcanvas_toggler_container {
  display: none !important;
}

body.activacions-identity #activacions-offcanvas-toggler {
  display: none;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--act-line-strong);
  border-radius: 0;
  background: var(--act-white);
  color: var(--act-blue);
  cursor: pointer;
}

body.activacions-identity #activacions-offcanvas-toggler .burger-icon {
  display: grid;
  gap: 5px;
  width: 22px;
}

body.activacions-identity #activacions-offcanvas-toggler .burger-icon > span,
body.activacions-identity .burger-icon > span {
  width: 100%;
  height: 2px;
  background: var(--act-blue) !important;
  border-radius: 0;
}

body.activacions-identity #sp-main-body {
  margin-top: var(--act-header-height) !important;
}

body.activacions-identity #activacions-offcanvas-menu {
  width: min(420px, 92vw);
  right: 0 !important;
  transform: translateX(100%) !important;
  background: var(--act-canvas);
  border-left: 1px solid var(--act-line);
  box-shadow: -24px 0 48px rgba(20, 28, 38, 0.2);
  transition: transform 220ms ease;
}

body.activacions-identity.offcanvas-active #activacions-offcanvas-menu {
  transform: translateX(0) !important;
}

body.activacions-identity #activacions-offcanvas-menu > .align-items-center {
  min-height: 76px;
  height: auto !important;
  padding: 18px 24px 6px !important;
  visibility: visible !important;
  justify-content: flex-end;
}

body.activacions-identity #activacions-offcanvas-menu .close-offcanvas {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--act-line-strong);
  background: var(--act-white);
}

body.activacions-identity #activacions-offcanvas-menu .offcanvas-inner {
  display: grid !important;
  grid-template-rows: auto !important;
  align-content: start;
  gap: 18px !important;
  height: calc(100% - 76px);
  padding: 12px 28px 34px;
  overflow-y: auto;
}

body.activacions-identity #activacions-offcanvas-menu .offcanvas-inner > .sp-module {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

body.activacions-identity #activacions-offcanvas-menu ul.menu > li {
  margin: 0;
  border-bottom: 1px solid var(--act-line);
}

body.activacions-identity #activacions-offcanvas-menu ul.menu > li a,
body.activacions-identity #activacions-offcanvas-menu ul.menu > li span {
  display: block;
  padding: 13px 2px;
  color: var(--act-navy) !important;
  font-size: 16px;
  line-height: 1.25;
}

body.activacions-identity #activacions-offcanvas-menu ul.menu > li.active > a,
body.activacions-identity #activacions-offcanvas-menu ul.menu > li > a:hover,
body.activacions-identity #activacions-offcanvas-menu ul.menu > li > a:focus-visible {
  color: var(--act-blue) !important;
}

/* Whitelisted static SPPB pages ----------------------------------------- */

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) {
  color: var(--act-ink);
  background: var(--act-canvas);
  font-size: 16px;
  line-height: 1.65;
}

body.activacions-identity:has(#sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14)) #sp-main-body {
  padding-block: 0 42px !important;
  background: var(--act-canvas) !important;
}

body.activacions-identity:has(#sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14)) #sp-main-body::after {
  display: none !important;
  content: none !important;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) :is(p, li, td, th, label, input, textarea, select, button) {
  font-family: "Rubik", Arial, sans-serif;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) :is(h1, h2, h3, .sppb-addon-title) {
  color: var(--act-navy);
  font-family: "Nitti", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) > .page-content > .sppb-section {
  position: relative;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) > .page-content > .sppb-section > :is(.sppb-row-container, .sppb-container-inner) {
  width: 100%;
  max-width: calc(var(--act-content-width) + (2 * var(--act-gutter)));
  margin-inline: auto;
  padding-inline: var(--act-gutter);
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) #section-id-1706869776158 {
  padding-block: clamp(56px, 7vw, 100px) clamp(42px, 5vw, 68px) !important;
  background: var(--act-canvas) !important;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.page_title {
  max-width: 1020px;
  margin: 0;
  text-align: left !important;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.page_title .sppb-addon-title {
  margin: 0;
  font-size: clamp(42px, 5.6vw, 78px) !important;
  line-height: 0.98 !important;
  text-align: left !important;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.page_title .sppb-addon-title > span:first-child {
  font-size: 1em !important;
  line-height: inherit;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.page_title .sppb-addon-title > span:nth-child(2) {
  max-width: 34ch;
  margin-top: 14px;
  color: var(--act-slate);
  font-family: "Rubik", Arial, sans-serif;
  font-size: clamp(17px, 2vw, 25px) !important;
  font-weight: 480;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle {
  margin-bottom: clamp(28px, 4vw, 48px);
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle .sppb-addon-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  color: var(--act-navy);
  font-size: clamp(30px, 3.3vw, 46px) !important;
  line-height: 1.05;
  text-align: left !important;
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle .sppb-addon-title::after {
  position: static;
  display: block;
  flex: 1 1 auto;
  width: auto;
  max-width: 140px;
  height: 3px;
  border: 0;
  background: var(--act-blue);
  clip-path: none;
  content: "";
}

body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle::after {
  display: none !important;
  content: none !important;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .snippet_column {
  column-gap: clamp(30px, 4vw, 56px);
  column-rule: 1px solid var(--act-line);
  text-align: left !important;
  hyphens: none;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .snippet_column p {
  margin-bottom: 1.15em;
  line-height: 1.72;
  text-align: left !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  overflow-wrap: normal;
  word-break: normal;
  break-inside: avoid-column;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container {
  padding-inline: var(--act-gutter);
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row,
body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container:not(.sppb-section) {
  --rounding_value: var(--act-radius);
  position: relative;
  isolation: isolate;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 54px) !important;
  border: 0;
  border-radius: var(--act-radius) !important;
  background: var(--act-blue) !important;
  color: var(--act-white);
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row > div:first-of-type,
body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row > div:last-of-type {
  padding-inline: 18px !important;
}

body.activacions-identity #sp-page-builder.page-9 .item_capsule {
  --rounding_value: var(--act-radius);
  grid-template-columns: minmax(54px, max-content) minmax(0, 1fr);
  gap: 0;
  min-height: 58px;
  border: 1px solid var(--act-line-strong);
  border-radius: var(--act-radius) !important;
  background: var(--act-white);
}

body.activacions-identity #sp-page-builder.page-9 .item_capsule > span {
  padding: 12px 16px;
}

body.activacions-identity #sp-page-builder.page-9 .item_capsule > span:first-child {
  background: var(--act-navy);
}

body.activacions-identity #sp-page-builder.page-9 .item_capsule > span:last-child {
  background: var(--act-white);
  color: var(--act-navy);
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-9) :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--act-line-strong) !important;
  border-radius: var(--act-radius) !important;
  background: var(--act-white) !important;
  color: var(--act-navy) !important;
  font-size: 16px;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-9) textarea {
  min-height: 124px;
  resize: vertical;
}

body.activacions-identity #sp-page-builder:is(.page-3, .page-9) :is(button, input[type="submit"], .cf-btn, #bfSubmitButton) {
  min-height: 46px;
  padding: 10px 20px !important;
  border: 1px solid var(--act-navy) !important;
  border-radius: 0 !important;
  background: var(--act-navy) !important;
  color: var(--act-white) !important;
  font-weight: 650;
}

body.activacions-identity #sp-page-builder.page-9 #cf_1 {
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: var(--act-navy) !important;
  color: var(--act-white) !important;
}

body.activacions-identity #sp-page-builder.page-9 #cf_1 .cf-btn {
  border-color: var(--act-blue) !important;
  background: var(--act-blue) !important;
}

/* Home ------------------------------------------------------------------ */

body.activacions-identity #sp-page-builder.page-1 > .page-content > .sppb-section {
  margin-top: 0 !important;
  scroll-margin-top: calc(var(--act-header-height) + 16px);
}

body.activacions-identity #sp-page-builder.page-1 #section-id-1712745093034 {
  z-index: 4;
  padding-block: 26px 10px !important;
}

body.activacions-identity #sp-page-builder.page-1 #home_search {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 1.3fr) minmax(210px, 0.7fr) minmax(150px, 0.45fr);
  align-items: center;
  gap: 20px;
  width: 100%;
  margin: 0;
  padding: 22px 26px;
  border: 1px solid var(--act-line);
  border-radius: var(--act-radius) !important;
  background: var(--act-white) !important;
  color: var(--act-navy);
}

body.activacions-identity #sp-page-builder.page-1 #home_search > div {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.activacions-identity #sp-page-builder.page-1 #searcher_input_container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  min-width: 0;
  width: 100%;
  height: 52px;
}

body.activacions-identity #sp-page-builder.page-1 #search_text {
  width: 100%;
  min-width: 0;
  height: 52px;
  padding: 0 16px;
  border: 1px solid var(--act-line-strong) !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: var(--act-white);
  color: var(--act-navy);
  font-size: 16px;
}

body.activacions-identity #sp-page-builder.page-1 #search_text::placeholder {
  color: var(--act-muted);
  opacity: 1;
}

body.activacions-identity #sp-page-builder.page-1 #searcher_submit {
  display: grid;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0 !important;
  place-items: center;
  border: 1px solid var(--act-blue) !important;
  border-radius: 0 !important;
  background: var(--act-blue) !important;
  color: var(--act-white) !important;
  cursor: pointer;
}

body.activacions-identity #sp-page-builder.page-1 #home_search .company_data_container {
  display: grid;
  gap: 4px;
  justify-items: start;
}

body.activacions-identity #sp-page-builder.page-1 #home_search .company_data_container a {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--act-navy) !important;
  font-family: "Rubik", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class {
  position: static !important;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  width: 100% !important;
  height: auto !important;
  min-height: 52px;
  margin: 0 !important;
  padding: 8px 12px !important;
  inset: auto !important;
  border: 1px solid var(--act-blue) !important;
  border-radius: 0 !important;
  background: var(--act-canvas) !important;
  color: var(--act-blue) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  flex-direction: row !important;
}

body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class svg {
  width: 28px !important;
  height: 36px !important;
}

body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class svg * {
  fill: currentColor !important;
}

body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class span {
  color: currentColor !important;
  font-family: "Rubik", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

body.activacions-identity #sp-page-builder.page-1 :is(#section-id-1712306357429, #section-id-1712648514832) {
  padding-block: var(--act-section-space) !important;
}

body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 1px !important;
  list-style: none;
  background: var(--act-line);
}

body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li {
  min-width: 0;
  margin: 0 !important;
  background: var(--act-white);
}

body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a {
  display: grid;
  grid-template-rows: 78px auto;
  gap: 14px;
  align-content: start;
  justify-items: center;
  min-height: 154px;
  padding: 22px 12px 18px;
  color: var(--act-navy) !important;
  text-align: center;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a img {
  width: 76px;
  height: 76px;
  object-fit: contain;
}

body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a span {
  max-width: 16ch;
  font-size: 14px;
  font-weight: 570;
  line-height: 1.3;
}

body.activacions-identity #sp-page-builder.page-1 .item_destacado {
  border: 1px solid var(--act-line);
  border-radius: 0 !important;
  background: var(--act-white);
  color: var(--act-navy) !important;
  box-shadow: none !important;
}

body.activacions-identity #sp-page-builder.page-1 .item_destacado .uim_first_image_container {
  background: var(--act-canvas);
}

body.activacions-identity #sp-page-builder.page-1 .item_destacado :is(.product_code, .brand_name, .product_name) {
  font-family: "Rubik", Arial, sans-serif;
}

body.activacions-identity #sp-page-builder.page-1 .owl-carousel .owl-dot {
  width: 28px;
  min-height: 28px;
}

body.activacions-identity #sp-page-builder.page-1 .owl-carousel .owl-dot span {
  width: 18px;
  height: 3px;
  margin: 12px 5px;
  border-radius: 0;
  background: var(--act-line-strong);
}

body.activacions-identity #sp-page-builder.page-1 .owl-carousel .owl-dot.active span {
  background: var(--act-blue);
}

body.activacions-identity #sp-page-builder.page-1 .owl-carousel .owl-nav button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border: 1px solid var(--act-line-strong) !important;
  border-radius: 0;
  background: var(--act-white);
  color: var(--act-navy);
  font-size: 28px;
}

/* Legal pages ----------------------------------------------------------- */

body.activacions-identity #sp-page-builder:is(.page-12, .page-13, .page-14) > .page-content > .sppb-section:not(:first-child) > :is(.sppb-row-container, .sppb-container-inner) {
  max-width: calc(920px + (2 * var(--act-gutter)));
}

body.activacions-identity #sp-page-builder:is(.page-12, .page-13, .page-14) .sppb-addon-text-block {
  max-width: var(--act-reading-width);
}

body.activacions-identity #sp-page-builder:is(.page-12, .page-13, .page-14) .sppb-addon-text-block :is(p, li) {
  color: var(--act-slate);
  font-size: 16px;
  line-height: 1.78;
  text-align: left !important;
  hyphens: none;
}

body.activacions-identity #sp-page-builder:is(.page-12, .page-13, .page-14) .sppb-addon-header:not(.page_title) .sppb-addon-title {
  margin: 0 0 18px;
  padding-top: 12px;
  color: var(--act-navy);
  font-size: clamp(25px, 2.7vw, 34px) !important;
  line-height: 1.18;
  text-align: left !important;
}

body.activacions-identity #sp-page-builder:is(.page-12, .page-13, .page-14) > .page-content > .sppb-section:not(:first-child) .sppb-row {
  border-top: 1px solid var(--act-line);
  padding-top: clamp(24px, 3vw, 36px);
}

/* Bottom and footer ----------------------------------------------------- */

body.activacions-identity #sp-bottom {
  position: relative;
  z-index: 2;
  padding-block: 40px 22px;
  background: var(--act-navy) !important;
  background-image: none !important;
  color: var(--act-white);
}

body.activacions-identity #sp-bottom #sp-unified-bottom {
  width: 100%;
  max-width: 1380px;
  margin-inline: auto;
  padding-inline: 30px;
}

body.activacions-identity #sp-bottom #section-id-1682602580800 {
  padding-block: 0 !important;
}

body.activacions-identity #sp-bottom .bottom_column {
  min-height: 0 !important;
  height: 100%;
  padding: 24px clamp(18px, 2vw, 28px);
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.activacions-identity #sp-bottom .sppb-row > div:first-child .bottom_column {
  border-left: 0 !important;
}

body.activacions-identity #sp-bottom .bottom_title {
  margin: 0 0 16px;
  color: var(--act-white);
  font-family: "Nitti", "Arial Narrow", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
}

body.activacions-identity #sp-bottom .bottom_info_container > li {
  margin: 0 0 5px !important;
  color: #d5d9e3;
  font-family: "Rubik", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45;
  text-align: left !important;
}

body.activacions-identity #sp-bottom .bottom_info_container > li > a {
  color: #d5d9e3 !important;
  font-weight: 430 !important;
}

body.activacions-identity #sp-bottom .bottom_info_container > li > a:hover,
body.activacions-identity #sp-bottom .bottom_info_container > li > a:focus-visible {
  color: var(--act-white) !important;
}

body.activacions-identity #sp-bottom .bottom4_container {
  display: grid;
  gap: 16px;
  align-content: start;
  height: auto;
}

body.activacions-identity #sp-bottom .bottom_stock_pdf_class {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 84px;
  padding: 12px 16px !important;
  border: 1px solid var(--act-blue) !important;
  border-radius: 0 !important;
  background: var(--act-blue) !important;
  color: var(--act-white) !important;
}

body.activacions-identity #sp-bottom .bottom_stock_pdf_class svg {
  width: 52px;
  height: 52px;
}

body.activacions-identity #sp-bottom .bottom_stock_pdf_class svg *,
body.activacions-identity #sp-bottom .bottom_stock_pdf_class > span {
  fill: currentColor !important;
  color: currentColor !important;
}

body.activacions-identity #sp-bottom .bottom_company_data_container a,
body.activacions-identity #sp-bottom .bottom_city {
  color: var(--act-white) !important;
}

body.activacions-identity #sp-footer {
  min-height: 48px;
  padding-block: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  background: #0c121a !important;
  color: #d5d9e3;
}

body.activacions-identity #sp-footer .container-inner {
  padding-block: 10px !important;
}

body.activacions-identity #sp-footer :is(a, p, span, li) {
  color: #d5d9e3;
  font-size: 12px;
  line-height: 1.4;
}

body.activacions-identity #sp-footer a:hover,
body.activacions-identity #sp-footer a:focus-visible {
  color: var(--act-white) !important;
}

@media (hover: hover) {
  body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a:hover {
    position: relative;
    z-index: 1;
    color: var(--act-blue) !important;
    background: var(--act-canvas);
    transform: translateY(-3px);
  }

  body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class:hover,
  body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class:focus-visible {
    background: var(--act-blue);
    color: var(--act-white) !important;
  }
}

@media (max-width: 1199px) and (min-width: 993px) {
  body.activacions-identity {
    --act-header-height: 80px;
  }

  body.activacions-identity #activacions_classic_header .container {
    padding-inline: 20px;
  }

  body.activacions-identity #activacions_classic_header .header_grid_container {
    grid-template-columns: 190px minmax(0, 1fr) 106px !important;
    gap: 10px !important;
  }

  body.activacions-identity #activacions_classic_header #sp-logo,
  body.activacions-identity #activacions_classic_header .logo,
  body.activacions-identity #activacions_classic_header .logo > a,
  body.activacions-identity #activacions_classic_header .header_grid_container .logo img {
    height: 46px !important;
    max-width: 190px !important;
    max-height: 46px !important;
  }

  body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > a,
  body.activacions-identity #activacions_classic_header .sp-megamenu-parent > li > span {
    padding-inline: 7px !important;
    font-size: 12px !important;
  }

  body.activacions-identity #activacions_classic_header .right_zone {
    min-width: 106px;
  }

  body.activacions-identity #activacions_classic_header .login_button {
    font-size: 12px;
  }
}

@media (max-width: 992px) {
  body.activacions-identity {
    --act-header-height: 76px;
  }

  body.activacions-identity #activacions_classic_header .container {
    padding-inline: 20px;
  }

  body.activacions-identity #activacions_classic_header .header_grid_container {
    grid-template-columns: minmax(0, 1fr) 46px !important;
    gap: 14px !important;
    justify-content: stretch !important;
  }

  body.activacions-identity #activacions_classic_header #sp-logo,
  body.activacions-identity #activacions_classic_header .logo,
  body.activacions-identity #activacions_classic_header .logo > a,
  body.activacions-identity #activacions_classic_header .header_grid_container .logo img {
    height: 44px !important;
    max-width: min(250px, 68vw) !important;
    max-height: 44px !important;
  }

  body.activacions-identity #activacions_classic_header .pgen_navbar,
  body.activacions-identity #activacions_classic_header .right_zone {
    display: none !important;
  }

  body.activacions-identity #offcanvas_toggler_container {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: 46px;
    height: var(--act-header-height);
  }

  body.activacions-identity #activacions-offcanvas-toggler {
    display: flex !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.55fr);
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search > div:last-child {
    grid-column: 1 / -1;
  }

  body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.activacions-identity #sp-bottom .bottom_column {
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  }

  body.activacions-identity #sp-bottom .sppb-row > div:nth-child(-n + 2) .bottom_column {
    border-top: 0 !important;
  }
}

@media (max-width: 767px) {
  body.activacions-identity {
    --act-gutter: 20px;
    --act-section-space: 50px;
  }

  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) #section-id-1706869776158 {
    padding-block: 46px 38px !important;
  }

  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.page_title .sppb-addon-title {
    font-size: clamp(38px, 11vw, 54px) !important;
    line-height: 1 !important;
  }

  body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle .sppb-addon-title {
    display: block;
    font-size: clamp(29px, 8vw, 40px) !important;
  }

  body.activacions-identity #sp-page-builder:is(.page-1, .page-3, .page-8, .page-9, .page-12, .page-13, .page-14) .section_title.section_subtitle .sppb-addon-title::after {
    width: 72px;
    height: 3px;
    margin-top: 14px;
  }

  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .snippet_column {
    columns: 1 !important;
    column-rule: 0;
  }

  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row {
    padding: 26px 20px !important;
  }

  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row > div:first-of-type,
  body.activacions-identity #sp-page-builder:is(.page-3, .page-8, .page-9) .colored_container > .sppb-row-container > .sppb-row > div:last-of-type {
    padding-inline: 0 !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto) !important;
    gap: 16px;
    padding: 20px;
  }

  body.activacions-identity #sp-page-builder.page-1 #sppb-sp-slider-1713356117912,
  body.activacions-identity #sp-page-builder.page-1 #sppb-sp-slider-1713356117912 .sp-item {
    height: 112px !important;
    min-height: 112px !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #sppb-sp-slider-1713356117912 .sp-background {
    background-color: var(--ac-white) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search .company_data_container a {
    display: flex !important;
    align-items: center;
    min-height: 28px !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search > div:last-child {
    grid-column: auto;
  }

  body.activacions-identity #sp-page-builder.page-1 .stock_pdf_class {
    width: 100%;
  }

  body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a {
    grid-template-rows: 66px auto;
    min-height: 140px;
    padding: 18px 9px 15px;
  }

  body.activacions-identity #sp-page-builder.page-1 .mod_categories_main_page > li > a img {
    width: 64px;
    height: 64px;
  }

  body.activacions-identity #sp-bottom {
    padding-top: 24px;
  }

  body.activacions-identity #sp-bottom #sp-unified-bottom {
    padding-inline: 20px;
  }

  body.activacions-identity #sp-bottom .sppb-row > div .bottom_column {
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  }

  body.activacions-identity #sp-bottom .sppb-row > div:first-child .bottom_column {
    border-top: 0 !important;
  }

  body.activacions-identity #sp-bottom .bottom_column {
    padding-block: 18px;
  }

  body.activacions-identity #sp-bottom .bottom_info_container.categories,
  body.activacions-identity #sp-bottom .bottom_info_container.sale.product {
    columns: 2;
    column-gap: 20px;
  }

  body.activacions-identity #sp-bottom .bottom_info_container > li {
    min-height: 24px;
    margin-bottom: 0 !important;
    line-height: 1.35;
  }

  body.activacions-identity #sp-page-builder.page-1 .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
  }
}

@media (max-width: 420px) {
  body.activacions-identity #activacions_classic_header .container {
    padding-inline: 14px;
  }

  body.activacions-identity #activacions_classic_header #sp-logo,
  body.activacions-identity #activacions_classic_header .logo,
  body.activacions-identity #activacions_classic_header .logo > a,
  body.activacions-identity #activacions_classic_header .header_grid_container .logo img {
    max-width: 225px !important;
  }

  body.activacions-identity #sp-page-builder.page-1 #search_text {
    font-size: 15px;
  }

  body.activacions-identity #sp-page-builder.page-1 #home_search .company_data_container a {
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.activacions-identity #activacions-offcanvas-menu {
    transition: none !important;
  }

  body.activacions-identity :is(
    #activacions_classic_header,
    #activacions-offcanvas-menu,
    #sp-bottom,
    #sp-footer,
    #sp-page-builder.page-1,
    #sp-page-builder.page-3,
    #sp-page-builder.page-8,
    #sp-page-builder.page-9,
    #sp-page-builder.page-12,
    #sp-page-builder.page-13,
    #sp-page-builder.page-14
  ) *,
  body.activacions-identity :is(
    #activacions_classic_header,
    #activacions-offcanvas-menu,
    #sp-bottom,
    #sp-footer,
    #sp-page-builder.page-1,
    #sp-page-builder.page-3,
    #sp-page-builder.page-8,
    #sp-page-builder.page-9,
    #sp-page-builder.page-12,
    #sp-page-builder.page-13,
    #sp-page-builder.page-14
  ) *::before,
  body.activacions-identity :is(
    #activacions_classic_header,
    #activacions-offcanvas-menu,
    #sp-bottom,
    #sp-footer,
    #sp-page-builder.page-1,
    #sp-page-builder.page-3,
    #sp-page-builder.page-8,
    #sp-page-builder.page-9,
    #sp-page-builder.page-12,
    #sp-page-builder.page-13,
    #sp-page-builder.page-14
  ) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}