:root {
  --sistemco-brand: #9e1c5a;
  --sistemco-border: #9e1c5a;
  --color-primary: #9e1c5a;
  --sistemco-brand-dark: #7f1548;
  --sistemco-brand-soft: #b12467;
  --sistemco-deep: #2b2e33;
  --sistemco-text: #222222;
  --sistemco-bg: #ffffff;
  --sistemco-muted: #7c7d82;
  --sistemco-border: #ece7ea;
  --sistemco-shell: 1300px;
  --sistemco-page-gutter: clamp(12px, 2.4vw, 31px);
  --sistemco-page-gutter-wide: clamp(20px, 4vw, 48px);
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0,0,0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33,37,41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33,37,41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13,110,253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10,88,202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --color-text-light: #777777;
  --color-text-dark: #4a4a4a;
  --radius-pill: 25px;
  --border-light: 1px solid rgba(255, 255, 255, 0.2);
  --bg-glass: rgba(255, 255, 255, 0.1);
  --transition: all 0.3s ease;
}

html,
body {
  margin: 0;
  padding: 0;
}

.sistemco-about-copy h2{
    text-align: left;
}

body {
  color: var(--sistemco-text);
  background: var(--sistemco-bg);
  font-family: "Segoe UI", Arial, sans-serif;
}

a {
  color: var(--sistemco-brand);
  text-decoration: none;
}

.layout-container {
  min-height: 100vh;
}

.layout-container > main > #main-content,
main > #main-content {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.homepage-node {
  min-height: 100vh;
  margin-top: 0;
}

main:has(.homepage-node) {
  margin-top: -42px;
}

main:has(.sistemco-products-page) {
  margin-top: -21px;
}

main:has(.sistemco-login-page--route) {
  margin-top: -42px;
}

body.sistemco-route-user-login > a.visually-hidden.focusable {
  position: absolute !important;
  top: 0;
  left: 0;
}

body.sistemco-route-user-login .dialog-off-canvas-main-canvas,
body.sistemco-route-user-login .layout-container,
body.sistemco-route-user-login .sistemco-topbar,
body.sistemco-route-user-login .sistemco-login-page--route {
  margin-top: 0 !important;
}

body.sistemco-route-user-login .dialog-off-canvas-main-canvas {
  padding-top: 0 !important;
}

.sistemco-shell {
  width: min(calc(100% - (var(--sistemco-page-gutter-wide) * 2)), var(--sistemco-shell));
  margin: 0 auto;
}

.sistemco-narrow {
  width: min(calc(100% - (var(--sistemco-page-gutter) * 2)), 860px);
  margin-top: 62px;
}

.sistemco-topbar {
  background: #4b0f2d;
  color: #fff;
  font-size: 12px;
}

.sistemco-topbar-inner,
.sistemco-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sistemco-topbar-inner {
  min-height: 28px;
  justify-content: space-between;
}

.sistemco-socials,
.sistemco-topbar-tools,
.sistemco-footer-socials {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sistemco-socials a,
.sistemco-footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 10px;
}

.sistemco-topbar-tools button,
.sistemco-search-pill {
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  padding: 4px 10px;
  font-size: 11px;
}

.sistemco-search-pill {
  min-width: 140px;
  opacity: 0.72;
}

.sistemco-topbar,
.top-bar {
  background: #4b0f2d !important;
  color: #ffffff !important;
  padding: 2px 33px 0 !important;
  border-bottom: 0 !important;
  position: relative;
  z-index: 60;
  overflow: visible;
}

.sistemco-topbar .sistemco-topbar-inner,
.top-bar .container-fluid,
.top-bar .container,
.sistemco-topbar .container-fluid {
  width: calc(100% - 20px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
  overflow: visible;
}

.sistemco-topbar-left,
.sistemco-topbar-right,
.top-bar-left,
.top-bar-right {
  display: flex;
  align-items: center;
  gap: 14px !important;
}

.sistemco-topbar-left .block,
.sistemco-topbar-right .block,
.top-bar-left .block,
.top-bar-right .block {
  margin: 0;
}

.sistemco-topbar-left p,
.top-bar-left p {
  margin: 0 !important;
}

.sistemco-topbar-left .follow-text,
.top-bar-left .follow-text {
  color: #ffffff;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1;
  margin-right: 2px;
}

.sistemco-topbar-left .social-wrapper,
.sistemco-topbar-left .social-icons,
.top-bar-left .social-wrapper,
.top-bar-left .social-icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sistemco-topbar-left .social-icon,
.top-bar-left .social-icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  transition: all 0.2s ease;
  padding: 0;
  text-align: center;
}

.sistemco-topbar-left .social-icon:hover,
.top-bar-left .social-icon:hover {
  background: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.sistemco-topbar-right,
.top-bar-right {
  margin-left: auto !important;
  gap: 16px !important;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: relative;
  z-index: 70;
  overflow: visible;
}

.sistemco-topbar-right .language-items,
.top-bar-right .language-items {
  display: flex;
  align-items: center;
}

.sistemco-topbar-right .block-language,
.top-bar-right .block-language,
.sistemco-topbar-right [class*="language-switcher"],
.top-bar-right [class*="language-switcher"],
.sistemco-topbar-right [class*="block-language"],
.top-bar-right [class*="block-language"] {
  margin: 0 !important;
  order: 1;
  display: flex;
  align-items: center;
}

.sistemco-topbar-right .block-language > .links,
.top-bar-right .block-language > .links,
.sistemco-topbar-right .links--language-block,
.top-bar-right .links--language-block,
.sistemco-topbar-right .block-language-interface .links,
.top-bar-right .block-language-interface .links,
.sistemco-topbar-right [class*="language-switcher"] .links,
.top-bar-right [class*="language-switcher"] .links {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  position: relative;
}

.sistemco-topbar-right .block-language > .links li,
.top-bar-right .block-language > .links li,
.sistemco-topbar-right .links--language-block li,
.top-bar-right .links--language-block li,
.sistemco-topbar-right .block-language-interface .links li,
.top-bar-right .block-language-interface .links li,
.sistemco-topbar-right [class*="language-switcher"] .links li,
.top-bar-right [class*="language-switcher"] .links li {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

.sistemco-topbar-right .lang-link,
.top-bar-right .lang-link,
.sistemco-topbar-right .block-language > .links a,
.top-bar-right .block-language > .links a,
.sistemco-topbar-right .links--language-block a,
.top-bar-right .links--language-block a,
.sistemco-topbar-right .block-language-interface .links a,
.top-bar-right .block-language-interface .links a,
.sistemco-topbar-right [class*="language-switcher"] .links a,
.top-bar-right [class*="language-switcher"] .links a,
.top-bar .lang-trigger {
  min-height: 28px;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 28px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.sistemco-topbar-right .block-language > .links a:hover,
.top-bar-right .block-language > .links a:hover,
.sistemco-topbar-right .links--language-block a:hover,
.top-bar-right .links--language-block a:hover,
.sistemco-topbar-right .block-language-interface .links a:hover,
.top-bar-right .block-language-interface .links a:hover,
.sistemco-topbar-right [class*="language-switcher"] .links a:hover,
.top-bar-right [class*="language-switcher"] .links a:hover,
.top-bar .lang-trigger:hover,
.sistemco-topbar-right .block-language > .links a:focus-visible,
.top-bar-right .block-language > .links a:focus-visible,
.sistemco-topbar-right .links--language-block a:focus-visible,
.top-bar-right .links--language-block a:focus-visible,
.sistemco-topbar-right .block-language-interface .links a:focus-visible,
.top-bar-right .block-language-interface .links a:focus-visible,
.sistemco-topbar-right [class*="language-switcher"] .links a:focus-visible,
.top-bar-right [class*="language-switcher"] .links a:focus-visible,
.top-bar .lang-trigger:focus-visible {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}

.sistemco-topbar-right .block-language > .links a::before,
.top-bar-right .block-language > .links a::before,
.sistemco-topbar-right .links--language-block a::before,
.top-bar-right .links--language-block a::before,
.sistemco-topbar-right .block-language-interface .links a::before,
.top-bar-right .block-language-interface .links a::before,
.sistemco-topbar-right [class*="language-switcher"] .links a::before,
.top-bar-right [class*="language-switcher"] .links a::before {
  content: "\f0ac";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  margin-right: 7px;
  color: rgba(255, 255, 255, 0.9);
}

.sistemco-topbar-right .block-language > .links a::after,
.top-bar-right .block-language > .links a::after,
.sistemco-topbar-right .links--language-block a::after,
.top-bar-right .links--language-block a::after,
.sistemco-topbar-right .block-language-interface .links a::after,
.top-bar-right .block-language-interface .links a::after,
.sistemco-topbar-right [class*="language-switcher"] .links a::after,
.top-bar-right [class*="language-switcher"] .links a::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 8px;
  margin-left: 7px;
  color: rgba(255, 255, 255, 0.7);
}

.sistemco-topbar-right .block-language .links .is-active a,
.top-bar-right .block-language .links .is-active a,
.sistemco-topbar-right .links--language-block .is-active a,
.top-bar-right .links--language-block .is-active a,
.sistemco-topbar-right .block-language-interface .links .is-active a,
.top-bar-right .block-language-interface .links .is-active a,
.sistemco-topbar-right [class*="language-switcher"] .links .is-active a,
.top-bar-right [class*="language-switcher"] .links .is-active a {
  opacity: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sistemco-topbar-right .block-language > .links li:not(.is-active),
.top-bar-right .block-language > .links li:not(.is-active),
.sistemco-topbar-right .links--language-block li:not(.is-active),
.top-bar-right .links--language-block li:not(.is-active),
.sistemco-topbar-right .block-language-interface .links li:not(.is-active),
.top-bar-right .block-language-interface .links li:not(.is-active),
.sistemco-topbar-right [class*="language-switcher"] .links li:not(.is-active),
.top-bar-right [class*="language-switcher"] .links li:not(.is-active) {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 20;
}

.sistemco-topbar-right .block-language > .links:hover li:not(.is-active),
.top-bar-right .block-language > .links:hover li:not(.is-active),
.sistemco-topbar-right .links--language-block:hover li:not(.is-active),
.top-bar-right .links--language-block:hover li:not(.is-active),
.sistemco-topbar-right .block-language-interface .links:hover li:not(.is-active),
.top-bar-right .block-language-interface .links:hover li:not(.is-active),
.sistemco-topbar-right [class*="language-switcher"] .links:hover li:not(.is-active),
.top-bar-right [class*="language-switcher"] .links:hover li:not(.is-active),
.sistemco-topbar-right .block-language > .links:focus-within li:not(.is-active),
.top-bar-right .block-language > .links:focus-within li:not(.is-active),
.sistemco-topbar-right .links--language-block:focus-within li:not(.is-active),
.top-bar-right .links--language-block:focus-within li:not(.is-active),
.sistemco-topbar-right .block-language-interface .links:focus-within li:not(.is-active),
.top-bar-right .block-language-interface .links:focus-within li:not(.is-active),
.sistemco-topbar-right [class*="language-switcher"] .links:focus-within li:not(.is-active),
.top-bar-right [class*="language-switcher"] .links:focus-within li:not(.is-active) {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.sistemco-topbar-right .block-language > .links li:not(.is-active) a,
.top-bar-right .block-language > .links li:not(.is-active) a,
.sistemco-topbar-right .links--language-block li:not(.is-active) a,
.top-bar-right .links--language-block li:not(.is-active) a,
.sistemco-topbar-right .block-language-interface .links li:not(.is-active) a,
.top-bar-right .block-language-interface .links li:not(.is-active) a,
.sistemco-topbar-right [class*="language-switcher"] .links li:not(.is-active) a,
.top-bar-right [class*="language-switcher"] .links li:not(.is-active) a {
  min-width: 64px;
  justify-content: flex-start !important;
  background: #5f1739 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 8px 24px rgba(16, 4, 10, 0.24);
}

.sistemco-topbar-right .block-language > .links li:not(.is-active) a::after,
.top-bar-right .block-language > .links li:not(.is-active) a::after,
.sistemco-topbar-right .links--language-block li:not(.is-active) a::after,
.top-bar-right .links--language-block li:not(.is-active) a::after,
.sistemco-topbar-right .block-language-interface .links li:not(.is-active) a::after,
.top-bar-right .block-language-interface .links li:not(.is-active) a::after,
.sistemco-topbar-right [class*="language-switcher"] .links li:not(.is-active) a::after,
.top-bar-right [class*="language-switcher"] .links li:not(.is-active) a::after {
  display: none;
}

.sistemco-topbar-right .search-block-form,
.top-bar-right .search-block-form,
.top-bar .search-block-form {
  margin: 0 !important;
  order: 2;
}

.sistemco-topbar-right .search-block-form input,
.top-bar-right .search-block-form input,
.top-bar .search-block-form input {
  width: 156px !important;
  height: 19px !important;
  padding: 0 34px 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 28px !important;
  transform-origin: center top;
  transition: background-color 0.2s ease, border-color 0.2s ease, height 0.22s ease, line-height 0.22s ease, padding 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.sistemco-topbar-right .search-block-form input:focus,
.top-bar-right .search-block-form input:focus,
.top-bar .search-block-form input:focus {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  outline: none !important;
  width: 202px !important;
  padding: 10px 34px 10px 14px !important;
  line-height: 28px !important;
  transform: none !important;
  box-shadow: 0 12px 24px rgba(34, 8, 22, 0.18) !important;
}

.sistemco-topbar-right .search-block-form input::placeholder,
.top-bar-right .search-block-form input::placeholder,
.top-bar .search-block-form input::placeholder {
  color: rgba(255, 255, 255, 0.68) !important;
}

.sistemco-topbar-right .search-block-form::after,
.top-bar-right .search-block-form::after,
.top-bar .search-block-form::after {
  right: 12px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
}

.sistemco-language-switcher-block,
.sistemco-search-block {
  margin: 0;
}

.sistemco-language-switcher {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  z-index: 80;
  isolation: isolate;
}

.sistemco-language-switcher__trigger,
.sistemco-language-switcher__option {
  min-height: 28px;
  padding: 0 12px !important;
  border-radius: 14px;
  background: #7b2b4f00;
  border: 1px solid rgb(255 255 255 / 0%);
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, opacity 0.18s ease;
}

.sistemco-language-switcher__trigger {
  appearance: none;
  cursor: pointer;
}

.sistemco-language-switcher__trigger::before,
.sistemco-language-switcher__trigger::after,
.sistemco-language-switcher__option::before,
.sistemco-language-switcher__option::after {
  content: none !important;
}

.sistemco-language-switcher__trigger {
  gap: 7px;
}

.sistemco-language-switcher__option {
  gap: 9px;
  min-width: 60%;
  justify-content: flex-start;
  padding: 0 15px !important;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
}

.sistemco-language-switcher__icon,
.sistemco-language-switcher__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.sistemco-language-switcher__icon svg {
  width: 11px;
  height: 11px;
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 1.3;
  fill: none;
}

.sistemco-language-switcher__chevron {
  margin-left: 1px;
}

.sistemco-language-switcher__chevron svg {
  width: 10px;
  height: 10px;
  stroke: rgba(255, 255, 255, 0.72);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sistemco-language-switcher__trigger:hover,
.sistemco-language-switcher__trigger:focus-visible,
.sistemco-language-switcher__option:hover,
.sistemco-language-switcher__option:focus-visible {
  background: #4b0f2d;
  border-color: rgba(255, 255, 255, 0.28);
}

.sistemco-language-switcher__trigger {
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);*/
}

.sistemco-language-switcher.is-open .sistemco-language-switcher__trigger {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.sistemco-language-switcher__menu {
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  min-width: 100%;
  padding: 0px 0px 4px;
  border-radius: 0 0 14px 14px;
  background: #4b0f2d;
  /* border: 1px solid rgba(255, 255, 255, 0.16); */
  box-shadow: 0 12px 28px rgba(16, 4, 10, 0.28);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  display: grid;
  gap: 2px;
  z-index: 999;
}

.sistemco-language-switcher__option:hover,
.sistemco-language-switcher__option:focus-visible {
  background: #4b0f2d;
  border-color: rgba(255, 255, 255, 10%);
}

.sistemco-language-switcher.is-open .sistemco-language-switcher__menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.sistemco-topbar-search-form {
  position: relative;
  display: flex;
  align-items: center;
}

.sistemco-topbar-search-form input {
  width: 156px;
  height: 28px;
  padding: 0 34px 0 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  font-size: 12px;
  line-height: 28px;
  transform-origin: center top;
  transition: background-color 0.2s ease, border-color 0.2s ease, height 0.22s ease, line-height 0.22s ease, padding 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.sistemco-topbar-search-form input::placeholder {
  color: rgba(255, 255, 255, 0.68);
}

.sistemco-topbar-search-form.is-expanded input,
.sistemco-topbar-search-form input:focus {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
  outline: none;
  height: 48px;
  padding: 10px 34px 10px 14px;
  line-height: 28px;
  transform: none;
  box-shadow: 0 12px 24px rgba(34, 8, 22, 0.18);
}

.sistemco-topbar-search-form button {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  transform: translateY(-50%);
}

.sistemco-topbar-search-form__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sistemco-topbar-search-form__icon svg {
  width: 12px;
  height: 12px;
  stroke: rgba(255, 255, 255, 0.74);
  stroke-width: 1.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 991px) {
  .sistemco-topbar .sistemco-topbar-inner,
  .top-bar .container-fluid,
  .top-bar .container,
  .sistemco-topbar .container-fluid {
    width: calc(100% - 16px) !important;
    min-height: 40px;
    gap: 10px;
  }

  .sistemco-topbar-left,
  .sistemco-topbar-right,
  .top-bar-left,
  .top-bar-right {
    gap: 10px !important;
  }

  .sistemco-topbar-left .social-icon,
  .top-bar-left .social-icon {
    width: 28px !important;
    height: 28px !important;
  }

  .sistemco-topbar-right .search-block-form input,
  .top-bar-right .search-block-form input,
  .top-bar .search-block-form input {
    width: 160px !important;
  }
}

.sistemco-header {
  background: #fff;
  border-bottom: 2px solid var(--sistemco-brand);
}

.sistemco-header-inner {
  width: 98%;
  gap: 32px;
  padding: 0;
}

.sistemco-logo img {
  height: 88px;
  width: auto;
  display: block;
  margin-left: 0;
}

.sistemco-nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  margin-right: 0px;
}

.sistemco-mobile-nav-toggle,
.sistemco-mobile-nav-close,
.sistemco-mobile-nav-header,
.sistemco-mobile-subnav-toggle {
  display: none;
}

.sistemco-mobile-nav-toggle {
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(158, 28, 90, 0.18);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(158, 28, 90, 0.1) 0%, rgba(133, 18, 74, 0.16) 100%);
  color: var(--sistemco-brand);
  font-size: 14px;
  font-weight: 700;
}

.sistemco-mobile-nav-toggle__icon {
  position: relative;
  width: 18px;
  height: 12px;
  display: inline-block;
}

.sistemco-mobile-nav-toggle__icon::before,
.sistemco-mobile-nav-toggle__icon::after,
.sistemco-mobile-nav-toggle__icon {
  background: transparent;
}

.sistemco-mobile-nav-toggle__icon::before,
.sistemco-mobile-nav-toggle__icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.sistemco-mobile-nav-toggle__icon::before {
  top: 1px;
  box-shadow: 0 5px 0 currentColor;
}

.sistemco-mobile-nav-toggle__icon::after {
  bottom: 0;
}

.sistemco-nav-item {
  position: relative;
}

.sistemco-nav-item > a {
  color: #5e5e63;
  font-size: 15px;
  font-weight: 600;
  min-height: 90px;
  padding: 0 22px;
  border-left: 1px solid #ece7ea;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}

.sistemco-nav-item.has-children > a {
  position: relative;
  padding-right: 52px;
}

.sistemco-nav-item > a::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #9e1c5a;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.sistemco-nav-item.has-children > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-60%) rotate(45deg);
  transform-origin: center;
  transition: transform 0.3s ease;
}

.sistemco-desktop-subnav-toggle {
  display: none;
}

.sistemco-nav-item > a:hover::before,
.sistemco-nav-item > a:focus-visible::before,
.sistemco-nav-item.has-children:hover > a::before,
.sistemco-nav-item.has-children:focus-within > a::before,
.sistemco-nav-item.is-active > a::before {
  background-color: #fff;
}

.sistemco-nav-item.is-dropdown-open > a::after {
  transform: translateY(-40%) rotate(-135deg);
}

.sistemco-nav-item.has-children:hover > a::after,
.sistemco-nav-item.has-children:focus-within > a::after {
  transform: translateY(-40%) rotate(-135deg);
}

.sistemco-nav-item:nth-child(2) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 3 10.4v10.4h6.2v-6.3h5.6v6.3H21V10.4Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.2 3 10.4v10.4h6.2v-6.3h5.6v6.3H21V10.4Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;
}

.sistemco-nav-item:nth-child(3) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V7l8-4 8 4v14h-5v-6H9v6Zm2-2h1v-4h10v4h1V8.2l-6-3-6 3Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V7l8-4 8 4v14h-5v-6H9v6Zm2-2h1v-4h10v4h1V8.2l-6-3-6 3Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;
}

.sistemco-nav-item:nth-child(4) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5Zm2 1.2v6.6l5 2.8v-6.5Zm12 0-5 2.9v6.5l5-2.8Zm-6-3.4L7.1 8.1 12 10.9l4.9-2.8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5Zm2 1.2v6.6l5 2.8v-6.5Zm12 0-5 2.9v6.5l5-2.8Zm-6-3.4L7.1 8.1 12 10.9l4.9-2.8Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;

}

.sistemco-nav-item:nth-child(5) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17l-5.6 3 1.1-6.2L3 9.4l6.2-.9Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17l-5.6 3 1.1-6.2L3 9.4l6.2-.9Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;
    
}

.sistemco-nav-item:nth-child(6) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h6l2 2h8v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Zm2 4v8h12v-8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h6l2 2h8v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Zm2 4v8h12v-8Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;
}

.sistemco-nav-item:nth-child(7) > a::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v12H3Zm2 2v.4l7 4.8 7-4.8V8l-7 4.8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v12H3Zm2 2v.4l7 4.8 7-4.8V8l-7 4.8Z' fill='black'/%3E%3C/svg%3E");
  width: 23px;
  height: 25px;
}

.sistemco-nav-item > a:hover,
.sistemco-nav-item > a:focus-visible,
.sistemco-nav-item.has-children:hover > a,
.sistemco-nav-item.has-children:focus-within > a,
.sistemco-nav-item.is-active > a {
  background: var(--sistemco-brand);
  color: #fff;
  width: 72;
}

.sistemco-nav-item.has-children > a:hover::after,
.sistemco-nav-item.has-children > a:focus-visible::after,
.sistemco-nav-item.has-children:hover > a::after,
.sistemco-nav-item.has-children:focus-within > a::after,
.sistemco-nav-item.has-children.is-active > a::after,
.sistemco-nav-item.has-children.is-dropdown-open > a::after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.sistemco-nav-item:first-child > a {
  border-left: 0;
}

.sistemco-nav-item:last-child > a {
  border-right: 1px solid #ece7ea;
}

.sistemco-subnav {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #ece7ea;
  border-top: 0;
  box-shadow: 0 14px 24px rgba(27, 19, 24, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 20;
}

.sistemco-nav-item.is-dropdown-open .sistemco-subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sistemco-nav-item.has-children:hover .sistemco-subnav,
.sistemco-nav-item.has-children:focus-within .sistemco-subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sistemco-subnav a {
  display: block;
  padding: 12px 16px;
  color: #5e5e63;
  border-bottom: 1px solid #f1ecf0;
}

.sistemco-subnav a:last-child {
  border-bottom: 0;
}

.sistemco-subnav a:hover,
.sistemco-subnav a.is-active {
  background: var(--sistemco-brand);
  color: #fff;
}

@media (min-width: 1200px) {
  .sistemco-nav-item.has-children > a::after {
    display: none;
  }

  .sistemco-nav-item.has-children {
    padding-right: 18px;
  }

  .sistemco-desktop-subnav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #9e1c5a;
    transform: none;
    cursor: pointer;
  }

  .sistemco-desktop-subnav-toggle span {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
  }

.sistemco-nav-item.is-dropdown-open > .sistemco-desktop-subnav-toggle span,
.sistemco-nav-item.has-children:hover > .sistemco-desktop-subnav-toggle span,
.sistemco-nav-item.has-children:focus-within > .sistemco-desktop-subnav-toggle span {
  transform: rotate(-135deg);
}

.sistemco-nav-item.is-dropdown-open > .sistemco-desktop-subnav-toggle,
.sistemco-nav-item.has-children:hover > .sistemco-desktop-subnav-toggle,
.sistemco-nav-item.has-children:focus-within > .sistemco-desktop-subnav-toggle,
.sistemco-nav-item.is-active > .sistemco-desktop-subnav-toggle {
  background: var(--sistemco-brand);
  color: #fff;
}
}

.sistemco-hero {
  min-height: 630px;
  position: relative;
  overflow: visible;
}

.sistemco-hero-track {
  position: relative;
  min-height: 630px;
}

.sistemco-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
  background-size: cover;
  background-position: center;
}

.sistemco-hero-slide.is-active {
  opacity: 1;
  visibility: visible;
}

.sistemco-hero-inner {
  position: relative;
  min-height: 630px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0;
}

.sistemco-hero-media {
  display: none;
}

.sistemco-hero-image {
  display: block;
  width: 100%;
  height: auto;
}

.sistemco-hero-card {
  width: min(100%, 732px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 22px 46px rgb(35 24 31 / 31%);
  text-align: center;
  padding: 42px 56px 34px;
  position: relative;
  transform: translateY(64px);
  z-index: 2;
  margin-bottom: -78px;
  display: flex;
  flex-direction: column;
}

.sistemco-hero-card h1,
.sistemco-section-heading h2,
.sistemco-about h2,
.sistemco-mid-cta-card h2 {
  margin: 0 0 14px;
  color: var(--sistemco-brand);
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.2;
}

.sistemco-hero-card h1 {
  min-height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sistemco-hero-card p,
.sistemco-about .sistemco-lead,
.sistemco-section-heading p,
.sistemco-mid-cta-card p {
  color: var(--sistemco-muted);
  max-width: 100%;
  margin: 0 auto;
  font-size: 0.95rem;
  line-height: 1.8;
  text-align: center;
}

.sistemco-hero-card p {
  min-height: 4rem;
}

.sistemco-hero-card .sistemco-button {
  margin-top: auto;
  align-self: center;
}


.sistemco-about .sistemco-lead-secondary {
  max-width: 920px;
  margin-top: 18px;
  color: #212428;
  font-size: 0.92rem;
  line-height: 1.9;
  font-weight: 500;
}

.sistemco-button,
.sistemco-mini-button,
.sistemco-view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: 0.2s ease;
}

.sistemco-button {
  background: var(--sistemco-brand);
  color: #fff;
  min-height: 48px;
  padding: 0 28px;
  font-size: 20px;
  font-weight: 400;
  border-radius: 10px;
  margin-top: 13px;
  gap: 10px;
}

.sistemco-button-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: 0 0 18px;
}

.sistemco-button-light {
  text-align: center;
  background: white;
  color: #8e164f;
  width: 114px;
  height: fit-content;
  font-weight: 600;
}

.sistemco-button-outline {
  border: 2px solid white;
  box-sizing: border-box;
  box-shadow: 0 24px 52px rgba(110, 24, 67, 0.08);
}

.homepage-node .sistemco-button:hover,
.homepage-node .sistemco-button:focus-visible,
.homepage-node .sistemco-mini-button:hover,
.homepage-node .sistemco-mini-button:focus-visible,
.homepage-node .sistemco-view-all:hover,
.homepage-node .sistemco-view-all:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(158, 28, 90, 0.22);
}

.homepage-node .sistemco-button:hover,
.homepage-node .sistemco-button:focus-visible,
.homepage-node .sistemco-mini-button:hover,
.homepage-node .sistemco-mini-button:focus-visible {
  background: var(--sistemco-brand-dark);
  color: #fff;
}

.homepage-node .sistemco-button-light:hover,
.homepage-node .sistemco-button-light:focus-visible {
  background: #fff4f9;
  color: var(--sistemco-brand-dark);
}

.homepage-node .sistemco-button-outline:hover,
.homepage-node .sistemco-button-outline:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: #fff;
  color: #fff;
}

.homepage-node .sistemco-view-all:hover,
.homepage-node .sistemco-view-all:focus-visible {
  background: #1473fd;
  border-color: #1473fd;
  color: #fff;
}

.sistemco-hero-arrow {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 54px;
  transform: translateY(-56%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 999px;
  background: #c2b9be57;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(166, 31, 99, 0.22);
  cursor: pointer;
  font-size: xx-large;
  text-align: center;
  opacity: 1;
  z-index: 3;
  transition: transform 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}
.sistemco-carousel-arrow {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 54px;
  transform: translateY(-56%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 999px;
  background: var(--sistemco-brand);
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(166, 31, 99, 0.22);
  cursor: pointer;
  font-size: xx-large;
  text-align: center;
  opacity: 1;
  z-index: 3;
  transition: transform 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}

.homepage-node .sistemco-hero-arrow:hover,
.homepage-node .sistemco-hero-arrow:focus-visible,
.homepage-node .sistemco-carousel-arrow:hover,
.homepage-node .sistemco-carousel-arrow:focus-visible {
  transform: translateY(-56%) scale(1.06);
}

.homepage-node .sistemco-hero-arrow:hover,
.homepage-node .sistemco-hero-arrow:focus-visible {
  background: rgba(194, 185, 190, 0.5);
}

.homepage-node .sistemco-carousel-arrow:hover,
.homepage-node .sistemco-carousel-arrow:focus-visible {
  background: var(--sistemco-brand-dark);
}

.sistemco-hero-arrow-left,
.sistemco-carousel-arrow-left {
  left: 25px;
}

.sistemco-hero-arrow-right,
.sistemco-carousel-arrow-right {
  right: 28px;
}

.sistemco-hero-dots {
  /*position: absolute;*/
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 3;
}

.sistemco-hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.45);
  padding: 0;
  cursor: pointer;
}

.sistemco-hero-dot.is-active {
  background: #fff;
}

.sistemco-section {
  padding: 41px 277px;
}

.sistemco-about {
  text-align: center;
  padding-top: 128px;
  padding-bottom: 34px;
}

.sistemco-project-grid {
  display: grid;
  gap: 20px;
}

.sistemco-service-grid.row {
  display: flex;
  gap: 0;
}

.sistemco-service-column {
  display: flex;
}

.sistemco-service-column .sistemco-service-card {
  width: 100%;
}

.sistemco-service-card {
  background: #fff;
  border: 1px solid var(--sistemco-border);
  border-radius: 8px;
  padding: 26px 22px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(25, 17, 22, 0.05);
}

.sistemco-service-icon {
  width: 85px;
  height: 85px;
  margin: 0 auto 25px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sistemco-service-icon img {
  width: 100%;
  height: 100%;
  max-width: 65%;
  max-height: 65%;
  object-fit: contain;
  display: block;
}

.sistemco-service-card h3,
.sistemco-product-card h3,
.sistemco-project-card h3 {
  color: #9e1c5a;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.sistemco-service-card p,
.sistemco-product-card p,
.sistemco-project-card p {
  color: #777;
  font-size: 0.92rem;
  line-height: 1.65;
}

.sistemco-mid-cta {
  padding-top: 10px;
}

.sistemco-about-page {
  background: #ffffff;
}

.sistemco-about-banner h1 {
  margin: 0 0 10px;
  font-size: 3rem;
  line-height: 1.15;
  font-weight: 400;
}

.sistemco-about-intro,
.sistemco-about-story,
.sistemco-about-values,
.sistemco-about-cta {
  padding: 42px 290px;
}

.sistemco-about-intro {
  border-bottom: 1px solid #ece7ea;
}

.sistemco-about-intro-grid,
.sistemco-about-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 560px);
  gap: 56px;
  align-items: center;
}

.sistemco-about-story-grid.is-reversed .sistemco-about-image-wrap {
  order: 2;
}

.sistemco-about-story-grid.is-reversed .sistemco-about-copy {
  order: 1;
}

.sistemco-about-copy {
  max-width: 525px;
}

.sistemco-about-page .row > .sistemco-about-copy {
  max-width: none;
}

.sistemco-about-values-header h2,
.sistemco-about-cta-card h2 {
  margin: 0 0 18px;
  color: var(--sistemco-brand);
  font-size: 2.05rem;
  font-weight: 600;
  line-height: 1.2;
}

.sistemco-about-copy h2{
  margin: 0 0 18px;
  color: var(--sistemco-brand);
  font-size: 2.05rem;
  font-weight: 600;
  line-height: 1.2;
}


.sistemco-about-story-paragraph,
.sistemco-about-values-header p,
.sistemco-about-value-card p,
.sistemco-about-cta-card p {
  color: #8f8f96;
  font-size: 0.95rem;
  line-height: 1.9;
}
.sistemco-about-copy-body{
  color: #666666;
  font-size: 1rem;
  line-height: 1.9;
}

.sistemco-about-copy-body p {
  margin: 0 0 16px;
}

.sistemco-about-copy-body p:last-child {
  margin-bottom: 0;
}

.sistemco-about-image-wrap:not(.is-empty) {
  min-height: 0;
  background: transparent;
}

.sistemco-about-image-wrap.is-empty {
  background:
    linear-gradient(135deg, rgba(158, 28, 90, 0.16), rgba(73, 21, 60, 0.08)),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.55), transparent 40%),
    #f4edf1;
  border: 1px solid rgba(158, 28, 90, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 18px 36px rgba(42, 32, 39, 0.12);
}

.sistemco-about-image-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 1 / 0.63;
  object-fit: cover;
  border-radius: 26px;
}

.sistemco-about-story {
  padding-top: 82px;
}

.sistemco-about-story-heading {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}

.sistemco-about-story-heading h2 {
  margin: 0 0 28px;
  color: var(--sistemco-brand);
  font-size: 1.95rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

.sistemco-about-story-stack {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.sistemco-about-story-paragraph {
  max-width: 100%;
  padding: 0;
}

.sistemco-about-story-paragraph:last-child {
  margin-bottom: 0;
}

.sistemco-about-story-paragraph p {
  margin: 0 0 18px;
}

.sistemco-about-story-paragraph p:last-child {
  margin-bottom: 0;
}

.sistemco-about-values {
  border-top: 1px solid #ece7ea;
}

.sistemco-about-values-header {
  max-width: 760px;
  margin: 0 auto 44px;
  text-align: center;
}

.sistemco-about-values-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px 48px;
}

.sistemco-about-value-card {
  text-align: center;
  padding: 12px 10px;
}

.sistemco-about-value-icon {
  width: 71px;
  height: 71px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sistemco-brand);
  font-size: 1.35rem;
  font-weight: 700;
  transition: transform 0.24s ease, filter 0.24s ease;
}

.sistemco-about-value-icon img {
  width: 65px;
  height: 65px;
  object-fit: contain;
  display: block;
  transition: transform 0.24s ease, filter 0.24s ease;
}

.sistemco-about-value-card:hover .sistemco-about-value-icon,
.sistemco-about-value-card:focus-within .sistemco-about-value-icon {
  transform: translateY(-4px) scale(1.04);
  filter: drop-shadow(0 12px 20px rgba(158, 28, 90, 0.18));
}

.sistemco-about-value-card:hover .sistemco-about-value-icon img,
.sistemco-about-value-card:focus-within .sistemco-about-value-icon img {
  transform: scale(1.08);
}

.sistemco-about-value-card h3 {
  margin: 0 0 10px;
  color: var(--sistemco-brand);
  font-size: 1.65rem;
  font-weight: 600;
}

.sistemco-about-value-card p {
  margin: 0;
}

.sistemco-about-cta {
  padding-top: 46px;
  padding-bottom: 82px;
}

.sistemco-about-cta-card {
  max-width: 100%;
  margin: 0 auto;
  padding: 44px 32px;
  border-radius: 4px;
  background: #9e1c5a;
  text-align: center;
  box-shadow: 0 18px 34px rgba(158, 28, 90, 0.18);
}

.sistemco-about-cta-card h2,
.sistemco-about-cta-card p {
  color: #ffffff;
}

.sistemco-about-cta-card h2 {
  font-size: 2rem;
  margin-bottom: 12px;
}

.sistemco-about-cta-card p {
  max-width: 620px;
  margin: 0 auto 22px;
  color: rgba(255, 255, 255, 0.88);
}

.sistemco-about-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 152px;
  padding: 12px 20px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1.3rem;
  font-weight: 400;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sistemco-about-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(20, 13, 17, 0.16);
}

.sistemco-motto-page {
  background: #ffffff;
}

.sistemco-motto-banner, .sistemco-service-detail-banner, .sistemco-project-detail-hero, .sistemco-projects-banner,.sistemco-contact-hero, .sistemco-brands-banner, .sistemco-about-banner, .sistemco-motto-banner, .sistemco-about-banner, .sistemco-history-banner, .sistemco-quality-banner, .sistemco-services-banner, .sistemco-products-banner{
  background: #f2f2f2;
  padding: 29px 290px 29px;
}

.sistemco-motto-banner-inner, .sistemco-contact-hero h1, .sistemco-projects-banner-inner, .sistemco-brands-banner-inner, .sistemco-services-banner p, .sistemco-quality-banner-inner,  .sistemco-about-banner-inner,  .sistemco-history-banner-inner, .sistemco-services-banner-inner {
  color: #9e1c5a;
}

.sistemco-motto-banner h1 {
  margin: 0 0 12px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.sistemco-motto-banner p, .sistemco-brands-banner p, .sistemco-contact-hero p, .sistemco-projects-banner p, .sistemco-products-banner p, .sistemco-products-banner-copy, .sistemco-quality-banner p, .sistemco-about-banner p, .sistemco-history-banner p{
  margin: 0;
  color: #9e1c5a;
  font-size: 0.95rem;
}

.sistemco-motto-intro {
  padding: 3px 290px 51px;
  text-align: center;
}

.sistemco-motto-intro-inner {
  max-width: 100%;
}

.sistemco-motto-intro h2,
.sistemco-motto-benefits-content h2,
.sistemco-motto-cta-card h2 {
  color: var(--sistemco-brand);
  font-size: 2.05rem;
  font-weight: 500;
  line-height: 1.2;
}

.sistemco-motto-benefits-content h2 {
  margin: 0px 0 0px;
  color: var(--sistemco-brand);
  font-size: 2.05rem;
  font-weight: 500;
  line-height: 1.2;
}

.sistemco-motto-intro-copy,
.sistemco-motto-intro-copy p,
.sistemco-motto-benefit-copy p {
  color: #666666;
  font-size: 1rem;
  line-height: 1.9;
  text-align: left;
}
.sistemco-motto-cta-card p {
  color: #666666;
  font-size: 1.1rem;
  line-height: 1.9;
  text-align: center;
}
.sistemco-motto-intro-copy p {
  max-width: 100%;
}

.sistemco-motto-intro-copy p:last-child {
  margin-bottom: 0;
}

.sistemco-motto-benefits {
  padding: 100px 307px 80px;
  background: linear-gradient(180deg, #faf9fb 0%, #ffffff 100%);
}

.sistemco-motto-benefits-grid {
  display: grid;
  grid-template-columns: minmax(320px, 636px) minmax(320px, 1fr);
  gap: 56px;
  align-items: center;
}

.sistemco-motto-benefits-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  box-shadow: 0 18px 34px rgba(34, 19, 30, 0.14);
  object-fit: cover;
  margin-left: auto;
}

.sistemco-motto-benefits-list {
  display: grid;
  gap: 28px;
  margin-top: 48px;
}

.sistemco-motto-benefits-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

@media (min-width: 1500px) {
  .sistemco-motto-benefits-grid {
    align-items: center;
  }

  .sistemco-motto-benefits-content {
    justify-content: center;
  }
}

.sistemco-motto-benefit-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.sistemco-motto-benefit-icon img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  display: block;
}

.sistemco-motto-benefit-copy h3 {
  margin: 0 0 6px;
  color: var(--sistemco-brand);
  font-size: 1.05rem;
  font-weight: 500;
}

.sistemco-motto-benefit-copy p {
  margin: 0;
}

.sistemco-motto-cta-section {
  padding: 34px 0 18px;
}

.sistemco-motto-cta-card h2,
.sistemco-motto-cta-card p {
  color: #ffffff;
}

.sistemco-motto-cta-card p {
  margin: 0 auto 24px;
  max-width: 100%;
}

.sistemco-motto-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease, color 0.24s ease;
}

.sistemco-motto-cta-button span:last-child {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: transparent;
  color: var(--sistemco-brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.24s ease, background-color 0.24s ease;
}

.sistemco-motto-cta-button:hover,
.sistemco-motto-cta-button:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(42, 32, 39, 0.18);
  color: #7f1749;
}

.sistemco-motto-cta-button:hover span:last-child,
.sistemco-motto-cta-button:focus-visible span:last-child {
  transform: translateX(3px);
  background: transparent;
}

.sistemco-history-page {
  background: #ffffff;
}

.sistemco-history-banner h1 {
  margin: 0 0 12px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.sistemco-history-intro {
  padding: 74px 290px 0px;
}

.sistemco-history-intro-inner {
  max-width: 1036px;
}

.sistemco-history-timeline-inner {
  max-width: 1160px;
}

.sistemco-history-timeline .col-6 {
  display: flex;
}

.sistemco-history-timeline .sistemco-history-item {
  width: 100%;
}

.sistemco-history-intro h2 {
  margin: 0 0 18px;
  color: #000000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.sistemco-history-cta-card h2 {
  margin: 0 0 18px;
  color: #000000;
  font-size: 2.05rem;
  font-weight: 500;
  line-height: 1.2;
}

.sistemco-history-intro-copy,
.sistemco-history-intro-copy p,
.sistemco-history-item-body,
.sistemco-history-item-body p
 {
  color: #666666;
  font-size: 0.95rem;
  line-height: 1.9;
}

.sistemco-history-cta-card p{
  color: #666666;
  font-size: 1.1rem;
  line-height: 1.9;
}

.sistemco-history-intro-copy p,
.sistemco-history-item-body p {
  margin: 0 0 14px;
}

.sistemco-history-intro-copy p:last-child,
.sistemco-history-item-body p:last-child {
  margin-bottom: 0;
}

.sistemco-history-timeline {
  padding: 0px 372px 0px;
  margin-top: 23px;
}

.sistemco-history-item {
  height: auto;
  box-sizing: border-box;
  padding: 28px 28px 26px;
  border: 1px solid #ece6eb;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(42, 32, 39, 0.08);
}

.sistemco-history-item-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.sistemco-history-item-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--sistemco-brand);
  display: inline-flex;
  position: relative;
  flex: 0 0 16px;
}

.sistemco-history-item-dot::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  inset: 5px;
}

.sistemco-history-item h3 {
  margin: 0;
  color: var(--sistemco-brand);
  font-size: 1.15rem;
  font-weight: 700;
}

.sistemco-history-item-body {
  padding-left: 28px;
}

.sistemco-history-cta-section {
  padding: 34px 0 18px;
}

.sistemco-history-cta-card, .sistemco-quality-cta-card, .sistemco-motto-cta-card, .sistemco-services-cta-card, .sistemco-products-cta-card, .sistemco-brands-cta-card, .sistemco-mid-cta-card, .sistemco-project-detail-cta-card {
  max-width: 100%;
  margin: 0 auto;
  background: var(--sistemco-brand);
  color: #ffffff;
  text-align: center;
  border-radius: 22px;
  padding: 23px 32px 23px;
  box-shadow: 0 18px 34px rgba(158, 28, 90, 0.14);
}

.sistemco-history-cta-card h2,
.sistemco-history-cta-card p {
  color: #ffffff;
}

.sistemco-history-cta-card p {
  margin: 0 auto 24px;
  max-width: 100%;
}

.sistemco-history-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

.sistemco-history-cta-button span:last-child {
  width: 38px;
  height: 38px;
  color: #9e1c5a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sistemco-quality-page {
  background: #ffffff;
}

.sistemco-quality-banner h1 {
  margin: 0 0 12px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
}

.sistemco-quality-intro {
  padding: 74px 0 18px;
}

.sistemco-quality-intro-inner,
.sistemco-quality-documents-inner,
.sistemco-quality-sections-inner,
.sistemco-quality-tip-inner {
  max-width: 56%;
}

.sistemco-quality-intro h2,
.sistemco-quality-cta-card h2 {
  margin: 0 0 18px;
  color: #010101;
  font-size: 2.05rem;
  font-weight: 500;
  line-height: 1.2;
}

.sistemco-quality-intro-copy,
.sistemco-quality-intro-copy p,
.sistemco-quality-section-body,
.sistemco-quality-section-body p,
.sistemco-quality-tip-box p,
.sistemco-quality-cta-card p {
  color: #666666;
  font-size: 1rem;
  line-height: 1.6;
}

.sistemco-quality-intro-copy p,
.sistemco-quality-section-body p {
  margin: 0 0 14px;
}

.sistemco-quality-intro-copy p:last-child,
.sistemco-quality-section-body p:last-child {
  margin-bottom: 0;
}

.sistemco-quality-sections {
  padding: 8px 0 8px;
}

.sistemco-quality-section {
  margin-bottom: 26px;
}

.sistemco-quality-section:last-child {
  margin-bottom: 0;
}

.sistemco-quality-section h3 {
  margin: 0 0 12px;
  color: #010101;
  font-size: 1.85rem;
  font-weight: 500;
  line-height: 1.3;
}

.sistemco-quality-tip-section {
  padding: 20px 0 18px;
}

.sistemco-quality-tip-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #d9f2fc;
  color: #2c7e9c;
  border-radius: 4px;
  padding: 16px 18px;
}

.sistemco-quality-tip-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2f9abf;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  flex: 0 0 18px;
  margin-top: 3px;
}

.sistemco-quality-tip-box p {
  margin: 0;
  color: #2c7e9c;
}

.sistemco-quality-cta-section {
  padding: 34px 0 18px;
}

.sistemco-quality-cta-card h2,
.sistemco-quality-cta-card p {
  color: #ffffff;
}

.sistemco-quality-cta-card p {
  margin: 0 auto 24px;
  max-width: 100%;
}

.sistemco-quality-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

.sistemco-quality-cta-button span:last-child {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: transparent;
  color: var(--sistemco-brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.24s ease, background-color 0.24s ease;
}

.sistemco-quality-cta-button:hover,
.sistemco-quality-cta-button:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(42, 32, 39, 0.18);
  color: #7f1749;
}

.sistemco-quality-cta-button:hover span:last-child,
.sistemco-quality-cta-button:focus-visible span:last-child {
  transform: translateX(3px);
  background: transparent;
}

.sistemco-history-cta-button:hover,
.sistemco-history-cta-button:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(42, 32, 39, 0.18);
  color: #7f1749;
}

.sistemco-history-cta-button:hover span:last-child,
.sistemco-history-cta-button:focus-visible span:last-child {
  transform: translateX(3px);
  background: transparent;
}

.js-about-reveal {
  opacity: 1;
  transform: none;
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.sistemco-about-page.has-about-reveal .js-about-reveal {
  opacity: 0;
  transform: translateY(24px);
}

.sistemco-about-page.has-about-reveal .js-about-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  max-width: 100%;
  border-radius: 22px;
}

.sistemco-mid-cta-card h2 {
  color: #ffffff;
  font-size: 1.85rem;
  margin-bottom: 10px;
  text-align: center;
}
.sistemco-mid-cta-card p {
  max-width: 760px;
  margin: 0 auto 22px;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.7;
}

.sistemco-services-banner-inner {
  min-height: 168px;
}

.sistemco-services-breadcrumb {
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 300;
  opacity: 0.96;
}

.sistemco-services-breadcrumb a,
.sistemco-services-breadcrumb span {
  color: #9e1c5a;
  text-decoration: none;
  font-weight: 300;
}

.sistemco-services-banner h1 {
  margin: 0 0 16px;
  font-size: clamp(2.45rem, 4vw, 3.5rem);
  font-weight: 300;
  letter-spacing: -0.03em;
}

.sistemco-services-listing {
  padding: 80px 290px 64px;
}

.sistemco-services-count {
  margin-bottom: 26px;
  color: #71738c;
  font-size: 15px;
}

.sistemco-services-intro {
  max-width: 1920px;
  margin-bottom: 24px;
  color: #7c7f95;
  font-size: 17px;
  line-height: 1.75;
  text-align: left;
}

.sistemco-services-stack {
  row-gap: 52px;
}

.sistemco-service-showcase {
  padding-top: 4px;
  padding-bottom: 4px;
}

.sistemco-service-showcase-icon-card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  box-shadow: 0 24px 52px rgba(110, 24, 67, 0.18);
}

.sistemco-services-listing h2, .sistemco-about-copy h2{
    text-align: left !important;
}

.sistemco-service-showcase-icon-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(148deg, transparent 0 38%, rgba(255, 255, 255, 0.07) 38% 56%, transparent 56% 100%),
    radial-gradient(circle at 76% 80%, rgba(255, 255, 255, 0.62) 0, rgba(255, 255, 255, 0) 38%);
  pointer-events: none;
}

.sistemco-service-showcase-icon-card img,
.sistemco-service-showcase-placeholder {
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
}

.sistemco-service-showcase-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.95);
  font-size: 46px;
  font-weight: 700;
}

.sistemco-service-showcase-content h2 {
  margin: 0 0 16px;
  color: #a22061;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 300;
  letter-spacing: -0.03em;
}

.sistemco-service-showcase-body {
  max-width: 720px;
  margin-bottom: 20px;
  color: #888ca1;
  font-size: 17px;
  line-height: 1.8;
}

.sistemco-service-showcase-body p {
  margin: 0;
}

.sistemco-service-showcase-button,
.sistemco-services-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  min-height: 40px;
  padding: 10px 22px;
  border-radius: 19px;
  background: #a51d61;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sistemco-service-showcase-button:hover,
.sistemco-services-cta-button:hover {
  background: #8e164f;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(142, 22, 79, 0.22);
}

.sistemco-service-showcase-button.is-disabled,
.sistemco-services-cta-button.is-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.78;
}

.sistemco-services-cta {
  padding: 20px 290px 78px;
}

.sistemco-services-cta-card h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 2.05rem;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.sistemco-services-cta-card p {
  max-width: 860px;
  margin: 0 auto 26px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.1rem;
  line-height: 1.7;
}

.sistemco-services-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

.sistemco-services-cta-button:hover {
  background: #fff4f9;
  color: #89184d;
}

.sistemco-service-detail-page {
  background: linear-gradient(180deg, #ffffff 0%, #fbf8fa 100%);
}

.sistemco-service-detail-breadcrumb {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  opacity: 0.94;
}

.sistemco-service-detail-breadcrumb a,
.sistemco-service-detail-breadcrumb span {
  color: #9e1c5a;
  text-decoration: none;
  font-weight: 300;
}

.sistemco-service-detail-banner h1 {
  margin: 0;
  color: #9e1c5a;
  font-weight: 300;
  letter-spacing: -0.035em;
}

.sistemco-service-detail-intro {
  padding: 78px 274px 46px;
}

.sistemco-service-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 420px);
  gap: 52px;
  align-items: center;
}

.sistemco-service-detail-copy h2,
.sistemco-service-detail-cta-card h2 {
  margin: 0 0 20px;
  color: var(--sistemco-brand);
  font-size: 2rem;
  font-weight: 600;
}

.sistemco-service-detail-body,
.sistemco-service-detail-body p,
.sistemco-service-detail-empty,
.sistemco-service-detail-cta-card p {
  color: #6f738a;
  font-size: 16px;
  line-height: 1.85;
}

.sistemco-service-detail-body p {
  margin: 0 0 16px;
}

.sistemco-service-detail-body p:last-child {
  margin-bottom: 0;
}

.sistemco-service-detail-body-secondary {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #ece7ea;
}

.sistemco-service-detail-media-card {
  min-height: 320px;
  padding: 38px;
  border-radius: 28px;
  background: radial-gradient(circle at top, rgba(177, 31, 107, 0.16), rgba(255, 255, 255, 0.96) 62%);
  border: 1px solid rgba(158, 28, 90, 0.12);
  box-shadow: 0 26px 46px rgba(34, 19, 30, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sistemco-service-detail-media-card img {
  width: 100%;
  max-width: 260px;
  height: auto;
  display: block;
  object-fit: contain;
}

.sistemco-service-detail-placeholder {
  width: 136px;
  height: 136px;
  border-radius: 50%;
  background: var(--sistemco-brand);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-weight: 700;
}

.sistemco-service-detail-media-card:not(:has(img)) {
  display: none;
}

.sistemco-service-detail-grid:has(.sistemco-service-detail-media-card:not(:has(img))) {
  grid-template-columns: 1fr;
}

.sistemco-service-detail-related {
  padding: 24px 274px 74px;
}

.sistemco-service-detail-heading {
  margin-bottom: 28px;
}

.sistemco-service-detail-products,
.sistemco-service-detail-products .views-view-grid,
.sistemco-service-detail-products .view-content {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.sistemco-service-detail-products > * ,
.sistemco-service-detail-products .views-row {
  min-width: 0;
}

.sistemco-related-carousel-viewport {
  overflow: hidden;
}

.sistemco-related-carousel-dots {
  display: none;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

.sistemco-related-carousel-dots .sistemco-carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  background: #e1bfd0;
}

.sistemco-related-carousel-dots .sistemco-carousel-dot.is-active {
  background: #a51d61;
}

.sistemco-service-related-category-card {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #ece7ea;
  box-shadow: 0 18px 34px rgba(34, 19, 30, 0.08);
}

.sistemco-service-related-category-media {
  border-radius: 18px;
  background: #f8f2f6;
  overflow: hidden;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sistemco-service-related-category-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sistemco-service-related-category-kicker {
  margin-bottom: 10px;
  color: var(--sistemco-brand);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sistemco-service-related-category-body h3 {
  margin: 0 0 12px;
  color: #3d3340;
  font-size: 1.9rem;
  font-weight: 400;
}

.sistemco-service-related-category-summary,
.sistemco-service-related-category-summary p {
  color: #6f738a;
  font-size: 15px;
  line-height: 1.8;
}

.sistemco-service-related-category-summary p {
  margin: 0 0 14px;
}

.sistemco-service-related-category-summary p:last-child {
  margin-bottom: 0;
}

.sistemco-service-related-category-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 20px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--sistemco-brand);
  color: #fff;
  font-weight: 700;
}

.sistemco-service-related-category-button:hover {
  color: #fff;
}

.sistemco-service-detail-empty {
  max-width: 620px;
  padding: 28px 30px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #ece7ea;
}

.sistemco-service-detail-cta {
  padding: 0 274px 82px;
}

.sistemco-service-detail-cta-card {
  max-width: 1040px;
  margin: 0 auto;
  padding: 46px 42px 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #941857 0%, #b11f6b 100%);
  color: #fff;
  text-align: center;
  box-shadow: 0 24px 42px rgba(145, 24, 86, 0.22);
}

.sistemco-service-detail-cta-card h2,
.sistemco-service-detail-cta-card p {
  color: #fff;
}

.sistemco-service-detail-cta-card p {
  max-width: 720px;
  margin: 0 auto 24px;
}

.sistemco-service-detail-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  background: #fff;
  color: var(--sistemco-brand);
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.sistemco-service-detail-cta-button:hover {
  color: var(--sistemco-brand);
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(255, 255, 255, 0.22);
}

@media (max-width: 991px) {
  .sistemco-quality-intro-inner, .sistemco-quality-documents-inner, .sistemco-quality-sections-inner, .sistemco-quality-tip-inner {
    max-width: 100% !important;
  }
  .sistemco-service-detail-banner,
  .sistemco-service-detail-intro,
  .sistemco-service-detail-related,
  .sistemco-service-detail-cta {
    padding-left: 28px;
    padding-right: 28px;
  }

  .sistemco-service-detail-grid,
  .sistemco-service-related-category-card,
  .sistemco-service-detail-products,
  .sistemco-service-detail-products .views-view-grid,
  .sistemco-service-detail-products .view-content {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 992px) and (max-width: 1280px) {
  .sistemco-mobile-nav-toggle {
    display: inline-flex;
    margin-left: auto;
    width: 56px;
    min-width: 56px;
    min-height: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(180deg, #b01f6b 0%, #921958 100%);
    color: #fff;
    box-shadow: 0 14px 24px rgba(145, 24, 86, 0.24);
    justify-content: center;
    z-index: 95;
  }

  .sistemco-service-detail-products,
  .sistemco-service-detail-products .views-view-grid,
  .sistemco-service-detail-products .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sistemco-products-filters-slot select {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 57px !important;
    border: 1px solid #d7d6e4;
    border-radius: 8px;
    padding: 0 16px;
    color: #4e5369;
    background: #fff;
    box-shadow: 0 6px 18px rgba(114, 92, 110, 0.06);
  }

  .sistemco-products-view-shell > [class^="js-view-dom-id-"], .sistemco-products-view-shell > [class*=" js-view-dom-id-"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin-left: 0 !important; 
  }

  .sistemco-product-detail-hero {
    padding: 22px 0px 74px !important;
  }

  .sistemco-product-detail-specs {
    padding: 74px 0px 42px !important;
    background: #fbf8fb;
  }

  .sistemco-product-detail-related {
    padding: 28px 0px 38px !important;
  }

  .sistemco-brands-cta-card {
    padding: 16px !important;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #87184d 0%, #b01f6b 100%);
  }

  .sistemco-products-view-shell > [class^="js-view-dom-id-"], .sistemco-products-view-shell > [class*=" js-view-dom-id-"] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
    gap: 24px;
    padding: 28px 0 8px;
  }

  .sistemco-related-carousel-viewport {
    width: 100%;
  }

  .sistemco-service-detail-products.is-mobile-carousel {
    display: flex;
    gap: 16px;
    grid-template-columns: none;
    transition: transform 0.35s ease;
    will-change: transform;
  }

  .sistemco-service-detail-products.is-mobile-carousel > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sistemco-related-carousel-dots {
    display: flex;
  }

  .sistemco-service-detail-banner h1 {
    font-size: 2.3rem;
  }

  .sistemco-service-detail-media-card,
  .sistemco-service-detail-cta-card {
    padding: 28px 22px;
    border-radius: 20px;
  }
}

.sistemco-brands-breadcrumb {
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.96;
}

.sistemco-brands-banner h1 {
  margin: 0 0 16px;
  font-size: clamp(2.45rem, 4vw, 3.5rem);
  font-weight: 300;
  letter-spacing: -0.03em;
}

.sistemco-brands-intro {
  padding: 74px 290px 40px;
}

.sistemco-brands-intro .sistemco-shell {
  max-width: 980px;
  text-align: center;
}

.sistemco-brands-intro h2,
.sistemco-brands-section-heading h2,
.sistemco-brands-advantages-content h2 {
  margin: 0 0 16px;
  color: #b11f6b;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.sistemco-brands-intro-body,
.sistemco-brands-intro-body p,
.sistemco-brands-section-heading p,
.sistemco-brand-card-subtitle,
.sistemco-brand-card-copy,
.sistemco-brand-card-copy p,
.sistemco-brands-advantage-copy,
.sistemco-brands-advantage-copy p {
  color: #666666;
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0;
}
.sistemco-brands-cta-card p {
  color: #8d90a5;
  font-size: 1.1rem;
  line-height: 1.65;
  margin: 0;
}

.sistemco-brands-intro-body p {
  margin: 0 0 14px;
}

.sistemco-brands-intro-body p:last-child,
.sistemco-brand-card-copy p:last-child,
.sistemco-brands-advantage-copy p:last-child {
  margin-bottom: 0;
}

.sistemco-brands-grid-section {
  padding: 10px 290px 70px;
}

.sistemco-brands-section-heading {
  margin-bottom: 28px;
  text-align: center;
}

.sistemco-brands-section-heading p {
  margin: 0;
}

.sistemco-brands-grid.row {
  gap: 0;
}

.sistemco-brand-column {
  display: flex;
}

.sistemco-brand-column .sistemco-brand-card {
  width: 100%;
  height: 100%;
}

.sistemco-brand-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 336px;
  border: 1px solid #f1a6c7;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 34px rgba(214, 112, 162, 0.24);
  overflow: hidden;
  transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}

.sistemco-brand-card-toggle {
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.sistemco-brand-card-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 136px;
  background: #fff;
  transition: transform 0.26s ease;
}

.sistemco-brand-card-logo img {
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.26s ease, filter 0.26s ease;
}

.sistemco-brand-card-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 0 18px 22px;
  text-align: center;
}

.sistemco-brand-card h3 {
  margin: 0 0 6px;
  color: #b11f6b;
  font-size: 1.05rem;
  font-weight: 700;
}

.sistemco-brand-card-subtitle {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.55;
}

.sistemco-brand-card-copy,
.sistemco-brand-card-copy p {
  font-size: 14px;
  line-height: 1.6;
}

.sistemco-brand-card-copy {
  display: -webkit-box;
  flex: 1 1 auto;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.sistemco-brand-card-link {
  margin-top: auto;
  padding-top: 14px;
  color: #a51d61;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sistemco-brand-card:hover,
.sistemco-brand-card:focus-within {
  transform: translateY(-7px);
  box-shadow: 0 24px 42px rgba(177, 31, 107, 0.18);
  border-color: #d670a2;
}

.sistemco-brand-card.is-open {
  transform: translateY(-7px);
  box-shadow: 0 24px 42px rgba(177, 31, 107, 0.18);
  border-color: #d670a2;
}

.sistemco-brand-card:hover .sistemco-brand-card-logo img,
.sistemco-brand-card:focus-within .sistemco-brand-card-logo img {
  transform: scale(1.05);
  filter: brightness(1.03);
}

.sistemco-brand-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  opacity: 0;
  transition: opacity 0.24s ease;
}

.sistemco-brand-modal[hidden] {
  display: none;
}

.sistemco-brand-modal.is-open {
  opacity: 1;
}

.sistemco-brand-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(45, 20, 35, 0.58);
  backdrop-filter: blur(10px);
}

.sistemco-brand-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 32px));
  max-height: min(86vh, 880px);
  overflow: hidden;
  border: 1px solid rgba(205, 121, 167, 0.32);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(203, 66, 135, 0.12), transparent 28%),
    linear-gradient(180deg, #fffafd 0%, #ffffff 100%);
  box-shadow: 0 36px 80px rgba(66, 23, 46, 0.34);
  transform: translateY(18px) scale(0.98);
  transition: transform 0.24s ease;
}

.sistemco-brand-modal.is-open .sistemco-brand-modal__dialog {
  transform: translateY(0) scale(1);
}

.sistemco-brand-modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(177, 31, 107, 0.14);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #9c1958;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.sistemco-brand-modal__close:hover {
  transform: scale(1.04);
  background: #fff1f7;
  color: #861348;
}

.sistemco-brand-modal__content {
  max-height: min(86vh, 880px);
  overflow: auto;
  padding: 42px;
  scrollbar-width: thin;
  scrollbar-color: rgba(177, 31, 107, 0.35) transparent;
}

.sistemco-brand-modal__content::before {
  content: "";
  display: block;
  width: 84px;
  height: 5px;
  margin-bottom: 24px;
  border-radius: 999px;
  background: linear-gradient(90deg, #b11f6b 0%, rgba(177, 31, 107, 0.16) 100%);
}

.sistemco-brand-modal__content::-webkit-scrollbar {
  width: 10px;
}

.sistemco-brand-modal__content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(177, 31, 107, 0.26);
}

.sistemco-brand-modal-panel__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(177, 31, 107, 0.08);
  color: #9c1958;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sistemco-brand-modal-panel__header {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  margin-top: 22px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(177, 31, 107, 0.12);
}

.sistemco-brand-modal-panel__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 130px;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fff7fb 100%);
  box-shadow: inset 0 0 0 1px rgba(177, 31, 107, 0.08);
}

.sistemco-brand-modal-panel__logo img {
  max-width: 100%;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.sistemco-brand-modal-panel__heading h3 {
  margin: 0 0 10px;
  color: #9c1958;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.sistemco-brand-modal-panel__heading p {
  margin: 0;
  color: #736975;
  font-size: 1.04rem;
  line-height: 1.7;
}

.sistemco-brand-modal-panel__body {
  margin-top: 26px;
}

.sistemco-brand-modal-panel__body,
.sistemco-brand-modal-panel__body p,
.sistemco-brand-modal-panel__body li {
  color: #544b56;
  font-size: 16px;
  line-height: 1.85;
}

.sistemco-brand-modal-panel__body p:first-child {
  margin-top: 0;
}

.sistemco-brand-modal-panel__body p:last-child {
  margin-bottom: 0;
}

body.has-brand-modal-open {
  overflow: hidden;
}

@media (max-width: 900px) {
  .sistemco-brand-modal {
    padding: 16px;
  }

  .sistemco-brand-modal__dialog {
    width: min(100%, calc(100vw - 16px));
    max-height: calc(100vh - 20px);
    border-radius: 22px;
  }

  .sistemco-brand-modal__content {
    padding: 28px 20px 24px;
    max-height: calc(100vh - 20px);
  }

  .sistemco-brand-modal-panel__header {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .sistemco-brand-modal-panel__logo {
    min-height: 112px;
  }

  .sistemco-brand-modal-panel__heading h3 {
    font-size: 1.8rem;
  }
}

.sistemco-brands-advantages {
  padding: 16px 290px 74px;
}

.sistemco-brands-advantages-grid.row {
  display: flex;
  gap: 0;
}

.sistemco-brands-advantages-media img {
  width: 100%;
  display: block;
  border-radius: 4px;
  box-shadow: 0 20px 44px rgba(64, 37, 54, 0.12);
}

.sistemco-brands-advantage-list {
  display: grid;
  gap: 18px;
}

.sistemco-brands-advantage-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: flex-start;
}

.sistemco-brands-advantage-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #b11f6b;
  box-shadow: 0 14px 24px rgba(177, 31, 107, 0.12);
  font-size: 20px;
  font-weight: 700;
  margin-top: 9px;
}

.sistemco-brands-advantage-item h3 {
  display: block;
  color: #b11f6b;
  font-size: 1.3rem;
  margin-bottom: 4px;
  font-weight: 600;
}

.sistemco-brands-advantage-copy p {
  margin: 0;
}

.sistemco-brands-cta {
  padding: 0 290px 74px;
}

.sistemco-brands-cta-card h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 2.05rem;
  font-weight: 500;
}

.sistemco-brands-cta-card p {
  max-width: 820px;
  margin: 0 auto 28px;
  color: rgba(255, 255, 255, 0.92);
}

.sistemco-brands-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

.sistemco-brands-cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(42, 32, 39, 0.18);
  background: #fff4f9;
  color: #89184d;
}

.sistemco-projects-breadcrumb {
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.96;
}

.sistemco-projects-banner h1 {
  margin: 0 0 16px;
  font-size: clamp(2.45rem, 4vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.sistemco-projects-listing {
  padding: 0 290px 78px;
}

.sistemco-projects-stack {
  --bs-gutter-x: 0;
  margin-top: 0;
}

.sistemco-project-showcase {
  padding: 0;
}

.sistemco-projects-stack > .views-row:nth-child(even) .sistemco-project-showcase .sistemco-project-showcase-media {
  order: 2;
}

.sistemco-projects-stack > .views-row:nth-child(even) .sistemco-project-showcase .sistemco-project-showcase-content {
  order: 1;
}

.sistemco-project-showcase-media img {
  width: 100%;
  display: block;
  border-radius: 4px;
  box-shadow: 0 18px 40px rgba(87, 43, 66, 0.12);
}

.sistemco-project-showcase-content h2 {
  margin: 0 0 14px;
  color: #b11f6b;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.sistemco-project-showcase-body,
.sistemco-project-showcase-body p,
.sistemco-project-showcase-features li {
  color: #666666;
  font-size: 16px;
  line-height: 1.75;
}

.sistemco-project-showcase-body {
  margin-bottom: 18px;
}

.sistemco-project-showcase-body p {
  margin: 0;
}

.sistemco-project-showcase-features {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}

.sistemco-project-showcase-features li {
  position: relative;
  padding-left: 20px;
}

.sistemco-project-showcase-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c21d71;
}

.sistemco-project-showcase-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  min-height: 40px;
  padding: 10px 22px;
  border-radius: 4px;
  background: #a51d61;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.sistemco-project-showcase-button:hover {
  background: #8e164f;
  color: #fff;
}

.sistemco-projects-cta {
  padding: 0 0 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.sistemco-projects-cta .sistemco-shell {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.sistemco-projects-cta-card {
  padding: 56px 32px 48px;
  text-align: center;
  color: #fff;
  background: linear-gradient(135deg, #87184d 0%, #b01f6b 100%);
  width: 100%;
}

.sistemco-projects-cta-card h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 2.05rem;
  font-weight: 500;
}

.sistemco-projects-cta-card p {
  max-width: 780px;
  margin: 0 auto 24px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.1rem;
  line-height: 1.9;
}

.sistemco-projects-cta-actions {
  display: inline-flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sistemco-projects-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.52);
  font-size: 15px;
  font-weight: 700;
}

.sistemco-projects-cta-button.is-light {
  background: #fff;
  color: #a31d60;
}

.sistemco-projects-cta-button.is-outline {
  background: transparent;
  color: #fff;
}

.sistemco-projects-cta-button.is-light:hover {
  color: #8e164f;
  background: #fff4f9;
}

.sistemco-projects-cta-button.is-outline:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.sistemco-project-detail-breadcrumb {
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.96;
  color: #b11f6b
}

.sistemco-project-detail-breadcrumb a,
.sistemco-project-detail-breadcrumb span {
  color: inherit;
}

.sistemco-project-detail-breadcrumb span {
  margin: 0 6px;
}

.sistemco-project-detail-hero h1 {
  margin: 0 0 16px;
  color: #b11f6b;
  font-size: clamp(2.45rem, 4vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.sistemco-project-detail-hero-copy,
.sistemco-project-detail-hero-copy p {
  max-width: 780px;
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px;
  line-height: 1.75;
}

.sistemco-project-detail-content {
  padding: 23px 290px 88px;
}

.sistemco-project-detail-grid {
  --bs-gutter-x: 0;
  margin-top: 0;
  padding: 0 64px;
}

.sistemco-project-detail-media img {
  width: 100%;
  display: block;
  border-radius: 4px;
  box-shadow: 0 18px 40px rgba(87, 43, 66, 0.12);
}

.sistemco-project-detail-summary h2 {
  margin: 0 0 18px;
  color: #b11f6b;
  font-size: clamp(2rem, 3vw, 1.85rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.sistemco-project-detail-sliders > .row {
  align-items: stretch;
}

.sistemco-project-detail-sliders > .row > [class*="col-"] {
  display: flex;
}

.sistemco-project-detail-slider {
  width: 100%;
}

.sistemco-project-detail-slider h2 {
  margin: 0 0 16px;
  color: #b11f6b;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: 500;
}

.sistemco-project-detail-slider-viewport {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  background: #f4f4f6;
  box-shadow: 0 14px 34px rgba(87, 43, 66, 0.12);
}

.sistemco-project-detail-slide {
  display: none;
  width: 100%;
  height: 100%;
  margin: 0;
}

.sistemco-project-detail-slide.is-active {
  display: block;
}

.sistemco-project-detail-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sistemco-project-detail-slider-arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 42px;
  height: 42px;
  padding: 0;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: rgba(35, 25, 31, 0.58);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.sistemco-project-detail-slider-arrow.is-prev {
  left: 14px;
}

.sistemco-project-detail-slider-arrow.is-next {
  right: 14px;
}

.sistemco-project-detail-slider-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  min-height: 10px;
  margin-top: 14px;
}

.sistemco-project-detail-slider-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d7b7c7;
  cursor: pointer;
}

.sistemco-project-detail-slider-dot.is-active {
  background: #b11f6b;
}

.sistemco-project-detail-features {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.sistemco-project-detail-features li {
  position: relative;
  padding-left: 20px;
  color: #767b93;
  font-size: 17px;
  line-height: 1.75;
}

.sistemco-project-detail-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c21d71;
}

.sistemco-project-detail-actions,
.sistemco-project-detail-cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sistemco-project-detail-button,
.sistemco-project-detail-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
}

.sistemco-project-detail-button {
  background: #a51d61;
  color: #fff;
  border: 1px solid #a51d61;
}

.sistemco-project-detail-button:hover {
  background: #8e164f;
  color: #fff;
}

.sistemco-project-detail-button.is-outline {
  background: transparent;
  color: #a51d61;
  border-color: rgba(165, 29, 97, 0.3);
}

.sistemco-project-detail-button.is-outline:hover {
  background: #fff4f9;
  color: #8e164f;
}

.sistemco-project-detail-cta {
  padding: 0 0 0;
  margin-bottom: 38px;
}

.sistemco-project-detail-cta-card h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 1.95rem;
  font-weight: 400;
}

.sistemco-project-detail-cta-card p {
  max-width: 780px;
  margin: 0 auto 24px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  line-height: 1.7;
}

.sistemco-project-detail-cta-actions {
  justify-content: center;
}

.sistemco-project-detail-cta-button {
  min-width: 210px;
  border: 1px solid rgba(255, 255, 255, 0.52);
}

.sistemco-project-detail-cta-button.is-light {
  background: #fff;
  color: #a31d60;
}

.sistemco-project-detail-cta-button.is-outline {
  background: transparent;
  color: #fff;
}

.sistemco-project-detail-cta-button.is-light:hover {
  color: #8e164f;
  background: #fff4f9;
}

.sistemco-project-detail-cta-button.is-outline:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.js-services-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.js-services-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.sistemco-cta-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.sistemco-section-heading {
  text-align: center;
  margin-bottom: 36px;
}

.sistemco-product-grid.row {
  display: flex;
  gap: 0;
}

.sistemco-product-column {
  display: flex;
}

.sistemco-product-column .sistemco-product-card {
  width: 100%;
}

.sistemco-product-card {
  border: 1px solid var(--sistemco-border);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.sistemco-products-banner-inner {
  min-height: 156px;
}

.sistemco-products-breadcrumb {
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 300;
  opacity: 0.96;
}

.sistemco-products-breadcrumb a,
.sistemco-products-breadcrumb span {
  color: #9e1c5a;
  text-decoration: none;
  font-weight: 300;
}

.sistemco-products-banner h1 {
  margin: 0 0 14px;
  color: #9e1c5a;
  font-size: clamp(2.45rem, 4vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.sistemco-products-banner-copy p {
  margin: 0;
  color: inherit;
}

.sistemco-products-listing {
  padding: 72px 290px 56px;
}

.sistemco-product-category-showcase {
  padding: 0 8px;
}

.sistemco-product-category-showcase.is-image-right .sistemco-product-category-media {
  order: 2;
}

.sistemco-product-category-showcase.is-image-right .sistemco-product-category-content {
  order: 1;
}

.sistemco-product-category-image-card {
  overflow: hidden;
  border-radius: 8px;
  min-height: 380px;
  background: #ffffff;
  border: 2px solid var(--sistemco-brand);
  box-sizing: border-box;
  box-shadow: 0 24px 52px rgba(110, 24, 67, 0.08);
}

.sistemco-product-category-image-card img {
  width: 100%;
  height: 100%;
  min-height: 352px;
  object-fit: cover;
  display: block;
}

.sistemco-product-category-placeholder {
  min-height: 352px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.95);
  font-size: 52px;
  font-weight: 700;
}

.sistemco-product-category-content h2 {
  margin: 0;
  color: #a22061;
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 300;
  letter-spacing: -0.03em;
}

.sistemco-product-category-summary,
.sistemco-product-category-summary p {
  color: #888ca1;
  font-size: 17px;
  line-height: 1.75;
}

.sistemco-product-category-summary {
  margin-bottom: 3px;
}

.sistemco-product-category-summary p {
  margin: 0;
}

.sistemco-product-category-features {
  margin-bottom: 26px;
}

.sistemco-product-category-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sistemco-product-category-features li {
  position: relative;
  padding-left: 22px;
  color: #777c95;
  font-size: 17px;
  line-height: 1.55;
}

.sistemco-product-category-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #b11f6b;
}

.sistemco-product-category-button,
.sistemco-products-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 107px;
  min-height: 29px;
  padding: 11px 24px;
  border-radius: 4px;
  background: #a51d61;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sistemco-product-category-button:hover,
.sistemco-products-cta-button:hover {
  background: #8e164f;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(142, 22, 79, 0.22);
}

.sistemco-products-cta {
  padding: 18px 290px 82px;
}

.sistemco-products-cta-results {
  padding-top: 34px;
}

.sistemco-products-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 220px;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 13px;
  background: #ffffff;
  color: var(--sistemco-brand);
  font-size: 1rem;
  font-weight: 500;
  transition: transform 0.24s ease, box-shadow 0.24s ease, color 0.24s ease;
}

.sistemco-products-cta-button:hover {
  background: #fff4f9;
  color: #89184d;
}

.sistemco-products-results {
  padding: 0px 290px 10px;
}

.sistemco-products-controls-card {
  position: relative;
  z-index: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 28px 32px 20px;
  border: 1px solid #dedbe7;
  border-radius: 14px;
  background: linear-gradient(180deg, #faf9fc 0%, #f4f2f8 100%);
  box-shadow: 0 18px 42px rgba(91, 58, 76, 0.08);
  margin-bottom: 42px;
}

.sistemco-products-controls-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #faf9fc 0%, #f4f2f8 100%);
  z-index: -1;
  pointer-events: none;
}

.sistemco-products-results-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
}

.sistemco-products-filters-slot {
  min-width: 0;
}

.sistemco-products-results-count {
  color: #8c90a6;
  font-size: 15px;
  line-height: 1.5;
}

.sistemco-products-results-view-switch {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  color: #8c90a6;
  font-size: 14px;
  min-width: 340px;
}

.sistemco-products-results-view-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.sistemco-products-view-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #b9b7c4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.sistemco-products-view-buttons button {
  min-width: 0;
  min-height: 46px;
  border: 0;
  border-right: 1px solid #d7d6e4;
  background: #fff;
  color: #5d6077;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
}

.sistemco-products-view-buttons button:last-child {
  border-right: 0;
}

.sistemco-products-view-buttons button.is-active {
  background: #a51d61;
  color: #fff;
}

.sistemco-products-view-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.sistemco-products-view-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.sistemco-products-view-shell .views-exposed-form {
  margin-bottom: 0;
}

.sistemco-products-filters-slot .views-exposed-form {
  margin-bottom: 0;
}

.sistemco-products-view-shell form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
  align-items: end;
  gap: 18px;
  padding: 0;
}

.sistemco-products-filters-slot form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr);
  align-items: end;
  gap: 18px;
  padding: 0;
}

.sistemco-products-view-shell .form-item,
.sistemco-products-view-shell .form-actions {
  margin: 0;
}

.sistemco-products-filters-slot .form-item,
.sistemco-products-filters-slot .form-actions {
  margin: 0;
}

.sistemco-products-view-shell label {
  display: block;
  margin-bottom: 8px;
  color: #8c90a6;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.sistemco-products-filters-slot label {
  display: block;
  margin-bottom: 8px;
  color: #8c90a6;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.sistemco-products-view-shell select {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 46px;
  border: 1px solid #d7d6e4;
  border-radius: 8px;
  padding: 0 16px;
  color: #4e5369;
  background: #fff;
  box-shadow: 0 6px 18px rgba(114, 92, 110, 0.06);
}

.sistemco-products-filters-slot select {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 46px;
  border: 1px solid #d7d6e4;
  border-radius: 8px;
  padding: 0 16px;
  color: #4e5369;
  background: #fff;
  box-shadow: 0 6px 18px rgba(114, 92, 110, 0.06);
}

.sistemco-products-view-shell .form-actions {
  display: none;
}

.sistemco-products-filters-slot .form-actions {
  display: none;
}

.sistemco-products-view-shell .view-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 28px 0 8px;
}

.sistemco-products-view-shell > [class^="js-view-dom-id-"],
.sistemco-products-view-shell > [class*=" js-view-dom-id-"] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0;
}

.sistemco-products-view-shell > [class^="js-view-dom-id-"] > .views-exposed-form,
.sistemco-products-view-shell > [class^="js-view-dom-id-"] > .view-empty,
.sistemco-products-view-shell > [class*=" js-view-dom-id-"] > .views-exposed-form,
.sistemco-products-view-shell > [class*=" js-view-dom-id-"] > .view-empty {
  grid-column: 1 / -1;
}

.sistemco-products-view-shell > [class^="js-view-dom-id-"] > .views-row,
.sistemco-products-view-shell > [class*=" js-view-dom-id-"] > .views-row {
  min-width: 0;
}

.sistemco-products-view-shell > [class^="js-view-dom-id-"] > .view-content,
.sistemco-products-view-shell > [class*=" js-view-dom-id-"] > .view-content {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-top: 24px;
}

.sistemco-products-view-shell.is-list .view-content {
  grid-template-columns: 1fr;
}

.sistemco-products-view-shell.is-list > [class^="js-view-dom-id-"],
.sistemco-products-view-shell.is-list > [class*=" js-view-dom-id-"] {
  grid-template-columns: 1fr;
}

.sistemco-products-view-shell .view-empty {
  margin-top: 24px;
  padding: 54px 18px;
  border: 1px dashed #dfcad8;
  border-radius: 22px;
  color: #7f8296;
  text-align: center;
  font-size: 18px;
}

/* Product catalog pagination. Drupal's pager ships as an unstyled list. */
.sistemco-products-view-shell .pager {
  grid-column: 1 / -1;
  width: 100%;
  margin: 34px 0 10px;
  padding-top: 26px;
  border-top: 1px solid #e7dce4;
}

.sistemco-products-view-shell .pager__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sistemco-products-view-shell .pager__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sistemco-products-view-shell .pager__item a {
  min-width: 42px;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid #dccbd5;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #6a5e67;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(92, 30, 64, 0.05);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.sistemco-products-view-shell .pager__item a:hover {
  border-color: var(--sistemco-brand);
  color: var(--sistemco-brand);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(158, 28, 90, 0.12);
}

.sistemco-products-view-shell .pager__item a:focus-visible {
  outline: 3px solid rgba(158, 28, 90, 0.2);
  outline-offset: 2px;
}

.sistemco-products-view-shell .pager__item.is-active a {
  border-color: transparent;
  background: linear-gradient(135deg, var(--sistemco-brand-dark) 0%, var(--sistemco-brand-soft) 100%);
  color: #fff;
  box-shadow: 0 10px 22px rgba(158, 28, 90, 0.22);
  pointer-events: none;
}

.sistemco-products-view-shell .pager__item--first a,
.sistemco-products-view-shell .pager__item--previous a,
.sistemco-products-view-shell .pager__item--next a,
.sistemco-products-view-shell .pager__item--last a {
  min-width: 88px;
  gap: 7px;
}

.sistemco-products-view-shell .pager__item--previous a::before,
.sistemco-products-view-shell .pager__item--first a::before {
  content: "\2190";
  font-size: 17px;
  font-weight: 400;
}

.sistemco-products-view-shell .pager__item--next a::after,
.sistemco-products-view-shell .pager__item--last a::after {
  content: "\2192";
  font-size: 17px;
  font-weight: 400;
}

@media (max-width: 575.98px) {
  .sistemco-products-view-shell .pager {
    margin-top: 26px;
    padding-top: 20px;
  }

  .sistemco-products-view-shell .pager__items {
    gap: 6px;
  }

  .sistemco-products-view-shell .pager__item a {
    min-width: 38px;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 13px;
  }

  .sistemco-products-view-shell .pager__item--first a,
  .sistemco-products-view-shell .pager__item--previous a,
  .sistemco-products-view-shell .pager__item--next a,
  .sistemco-products-view-shell .pager__item--last a {
    min-width: 38px;
    font-size: 0;
  }

  .sistemco-products-view-shell .pager__item--first a::before,
  .sistemco-products-view-shell .pager__item--previous a::before,
  .sistemco-products-view-shell .pager__item--next a::after,
  .sistemco-products-view-shell .pager__item--last a::after {
    font-size: 17px;
  }
}

.sistemco-product-teaser {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #ebd7e2;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
  max-width: none;
}

.sistemco-product-teaser-image {
  position: relative;
  display: block;
  padding: 26px;
  background: #ffffff;
}


.sistemco-product-teaser-image img {
  width: 100%;
  aspect-ratio: 1.2 / 1;
  object-fit: cover;
  display: block;
}

.sistemco-product-teaser-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background: #b11f6b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sistemco-product-teaser-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 14px 12px 10px;
}

.sistemco-product-teaser-category {
  margin-bottom: 6px;
  color: #9a1f5d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sistemco-product-teaser h3 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  line-height: 1.28;
}

.sistemco-product-teaser h3 a {
  color: #ac1e65;
}

.sistemco-product-teaser-excerpt,
.sistemco-product-teaser-excerpt p {
  color: #6c7087;
  font-size: 13px;
  line-height: 1.55;
}

.sistemco-product-teaser-excerpt p {
  margin: 0;
}

.sistemco-product-teaser-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-top: 14px;
}

.sistemco-product-teaser-pricing {
  color: #a22061;
  font-size: 13px;
  line-height: 1.35;
}

.sistemco-product-teaser-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 24px;
  padding: 0 12px;
  border-radius: 4px;
  background: #a51d61;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.sistemco-product-teaser-button:hover {
  background: #89184d;
  color: #fff;
}

.sistemco-products-view-shell.is-list .sistemco-product-teaser {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.sistemco-products-view-shell.is-list .sistemco-product-teaser-body {
  padding: 18px 20px 18px;
}

.sistemco-products-view-shell.is-list .sistemco-product-teaser h3 {
  font-size: 1.4rem;
}

.sistemco-products-view-shell.is-list .sistemco-product-teaser-image img {
  height: 100%;
  min-height: 100%;
}

.sistemco-product-detail-hero {
  padding: 22px 260px 74px;
}

.sistemco-product-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 70px;
  color: #8a8da2;
  font-size: 14px;
}

.sistemco-product-detail-breadcrumb span {
  color: #66686b;
}

.sistemco-product-detail-breadcrumb a{
    color: #0c6efd;
}

.sistemco-product-detail-grid {
  display: grid;
  grid-template-columns: minmax(360px, 600px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.sistemco-product-detail-media {
  position: relative;
  min-width: 0;
}

.sistemco-product-gallery-main {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #f4f1f5;
  box-shadow: 0 22px 48px rgba(92, 30, 64, 0.08);
}

.sistemco-product-gallery-main > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: opacity 160ms ease;
}

.sistemco-product-gallery-main > img.is-changing {
  opacity: 0.35;
}

.sistemco-product-gallery-slider {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  gap: 9px;
  align-items: center;
  margin-top: 16px;
}

.sistemco-product-gallery-thumbnails {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.sistemco-product-gallery-thumbnails::-webkit-scrollbar {
  display: none;
}

.sistemco-product-gallery-thumbnail {
  flex: 0 0 82px;
  height: 68px;
  padding: 3px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
  scroll-snap-align: start;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.sistemco-product-gallery-thumbnail:hover,
.sistemco-product-gallery-thumbnail:focus-visible,
.sistemco-product-gallery-thumbnail.is-active {
  border-color: #b11f6b;
  box-shadow: 0 6px 18px rgba(177, 31, 107, 0.18);
  outline: none;
}

.sistemco-product-gallery-thumbnail:hover {
  transform: translateY(-2px);
}

.sistemco-product-gallery-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  object-fit: cover;
  display: block;
}

.sistemco-product-gallery-arrow {
  width: 36px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(177, 31, 107, 0.28);
  border-radius: 6px;
  background: #fff;
  color: #b11f6b;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.sistemco-product-gallery-arrow:hover,
.sistemco-product-gallery-arrow:focus-visible {
  border-color: #b11f6b;
  background: #b11f6b;
  color: #fff;
  outline: none;
}

.sistemco-product-detail-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  background: #b11f6b;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sistemco-product-detail-category {
  margin-bottom: 10px;
  color: #b11f6b;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.sistemco-product-detail-summary h1 {
  margin: 0 0 14px;
  color: #b11f6b;
  font-size: clamp(2.4rem, 4vw, 3.45rem);
  font-weight: 300;
  letter-spacing: -0.035em;
}

.sistemco-product-detail-price {
  margin-bottom: 4px;
  color: #b11f6b;
  font-size: 1.1rem;
  font-weight: 700;
}

.sistemco-product-detail-price-note,
.sistemco-product-detail-excerpt,
.sistemco-product-detail-excerpt p {
  color: #6f738a;
  font-size: 16px;
  line-height: 1.75;
}

.sistemco-product-detail-price-note {
  margin-bottom: 16px;
}

.sistemco-product-detail-excerpt {
  margin-bottom: 14px;
}

.sistemco-product-detail-excerpt p {
  margin: 0;
}

.sistemco-product-detail-stock {
  margin-bottom: 18px;
  color: #259b56;
  font-size: 15px;
  font-weight: 500;
}

.sistemco-product-detail-actions {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
  margin-top: 0;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #eadde7;
}

.sistemco-product-detail-actions > [class*="col-"] {
  display: flex;
}

.sistemco-product-detail-primary,
.sistemco-product-detail-secondary,
.sistemco-product-detail-icon {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 4px;
  border: 1px solid #b11f6b;
  transition: background 0.2s ease, color 0.2s ease;
}

.sistemco-product-detail-primary {
  background: #b11f6b;
  color: #fff;
  font-weight: 700;
}

.sistemco-product-detail-primary:hover {
  background: #8f1650;
  color: #fff;
}

.sistemco-product-detail-secondary {
  background: transparent;
  color: #a51d61;
  border: 1px solid #a51d61;
}

.sistemco-product-detail-secondary:hover {
  background: #fff4f9;
  color: #8e164f;
}

.sistemco-product-detail-icon {
  background: #fff;
  color: #b6b9cd;
  font-size: 20px;
}

.sistemco-product-detail-icon:hover {
  color: #b11f6b;
}

.sistemco-product-detail-features h2,
.sistemco-product-detail-specs h2,
.sistemco-product-detail-copy h2,
.sistemco-product-detail-related h2 {
  margin: 0 0 20px;
  color: #b11f6b;
  font-size: 2rem;
  font-weight: 400;
}

.sistemco-product-detail-features ul,
.sistemco-product-detail-copy ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.sistemco-product-detail-features li,
.sistemco-product-detail-copy li {
  position: relative;
  padding-left: 18px;
  color: #6f738a;
  font-size: 15px;
  line-height: 1.55;
}

.sistemco-product-detail-features li::before,
.sistemco-product-detail-copy li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #b11f6b;
  font-size: 12px;
  font-weight: 700;
}

.sistemco-product-detail-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 24px;
}

.sistemco-product-detail-meta-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.sistemco-product-detail-meta-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b11f6b;
  margin-top: 2px;
}

.sistemco-product-detail-meta-icon svg {
  width: 32px;
  height: 32px;
  display: block;
}

.sistemco-product-detail-meta-copy {
  display: grid;
  gap: 2px;
}

.sistemco-product-detail-meta-label {
  color: #9aa0ad;
  font-size: 0.92rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.2;
}

.sistemco-product-detail-meta-item strong {
  color: #2f3342;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

.sistemco-product-detail-specs {
  padding: 74px 260px 42px;
  background: #fbf8fb;
}

.sistemco-product-detail-spec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sistemco-product-detail-spec-item {
  padding: 18px 14px 16px;
  border: 1px solid #eadde7;
  background: #fff;
}

.sistemco-product-detail-spec-item h3 {
  margin: 0 0 10px;
  color: #b11f6b;
  font-size: 15px;
  font-weight: 700;
}

.sistemco-product-detail-spec-item p {
  margin: 0;
  color: #62667d;
  font-size: 16px;
}

.sistemco-product-detail-content {
  padding: 36px 260px 26px;
}

.sistemco-product-detail-content-tab {
  display: inline-flex;
  min-width: 68px;
  padding-bottom: 16px;
  border-bottom: 2px solid #b11f6b;
  color: #b11f6b;
  font-size: 14px;
  font-weight: 500;
}

.sistemco-product-detail-copy {
  max-width: 820px;
  margin-top: 26px;
}

.sistemco-product-detail-copy,
.sistemco-product-detail-copy p {
  color: #676b82;
  font-size: 16px;
  line-height: 1.8;
}

.sistemco-product-detail-copy p {
  margin: 0;
}

.sistemco-product-detail-related {
  padding: 28px 260px 38px;
}

.sistemco-product-detail-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.sistemco-product-detail-cta {
  padding: 0 0 0;
  background: linear-gradient(135deg, #87184d 0%, #b01f6b 100%);
  margin-top: 50px;
}

.sistemco-product-detail-cta-card {
  padding: 58px 0 54px;
  text-align: center;
  color: #fff;
}

.sistemco-product-detail-cta-card h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 400;
}

.sistemco-product-detail-cta-card p {
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
}

.sistemco-product-detail-cta-actions {
  display: inline-flex;
  gap: 12px;
  flex-wrap: wrap;
}

.sistemco-product-detail-cta-primary,
.sistemco-product-detail-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 118px;
  min-height: 36px;
  padding: 0 18px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 600;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease;
}

.sistemco-product-detail-cta-button-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 16px;
}

.sistemco-product-detail-cta-button-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.sistemco-product-detail-cta-primary span:last-child,
.sistemco-product-detail-cta-secondary span:last-child {
  transition: transform 0.24s ease;
}

.sistemco-product-detail-cta-primary {
  background: #fff;
  color: #7f1b4d;
}

.sistemco-product-detail-cta-secondary {
  background: transparent;
  color: #fff;
}

.sistemco-product-detail-cta-primary:hover {
  color: #7f1b4d;
  background: #fff5fa;
  transform: translateY(-3px);
  box-shadow: 0 16px 28px rgba(63, 18, 42, 0.2);
}

.sistemco-product-detail-cta-secondary:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
  box-shadow: 0 16px 28px rgba(63, 18, 42, 0.16);
  border-color: rgba(255, 255, 255, 0.92);
}

.sistemco-product-detail-cta-primary:hover span:last-child,
.sistemco-product-detail-cta-primary:focus-visible span:last-child,
.sistemco-product-detail-cta-secondary:hover span:last-child,
.sistemco-product-detail-cta-secondary:focus-visible span:last-child {
  transform: translateX(2px);
}

.js-products-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.js-products-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 991.98px) {
  .sistemco-project-showcase {
    padding: 0;
  }

  .sistemco-projects-stack > .views-row:nth-child(even) .sistemco-project-showcase .sistemco-project-showcase-media,
  .sistemco-projects-stack > .views-row:nth-child(even) .sistemco-project-showcase .sistemco-project-showcase-content {
    order: initial;
  }

  .sistemco-brands-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sistemco-brands-advantages-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-product-category-showcase {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sistemco-product-category-showcase.is-image-right .sistemco-product-category-media,
  .sistemco-product-category-showcase.is-image-right .sistemco-product-category-content {
    order: initial;
  }

  .sistemco-products-view-shell .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sistemco-product-detail-grid,
  .sistemco-product-detail-spec-grid,
  .sistemco-product-detail-related-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .sistemco-brands-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sistemco-products-controls-card {
    padding: 22px 18px 18px;
  }

  .sistemco-products-view-shell form,
  .sistemco-products-filters-slot form,
  .sistemco-products-results-toolbar {
    grid-template-columns: 1fr;
    display: grid;
    align-items: stretch;
  }

  .sistemco-products-results-view-switch {
    min-width: 0;
  }

  .sistemco-products-view-buttons {
    width: 100%;
  }

  .sistemco-products-view-shell.is-list .sistemco-product-teaser {
    grid-template-columns: 1fr;
  }

  .sistemco-product-detail-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 838px) {
  .sistemco-project-carousel {
    padding: 0 56px;
  }

  .sistemco-project-card {
    flex-basis: calc((100% - 16px) / 2);
    min-height: 320px;
    max-height: 320px;
  }

  .sistemco-project-overlay {
    padding: 18px 14px 14px;
  }

  .sistemco-project-overlay h3 {
    margin-bottom: 6px;
    font-size: 1rem;
    line-height: 1.28;
  }

  .sistemco-project-overlay p {
    font-size: 0.84rem;
    line-height: 1.45;
  }
}

@media (max-width: 991px) {
  .sistemco-project-detail-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0;
  }

  .sistemco-project-detail-media {
    order: 1;
  }

  .sistemco-project-detail-summary {
    order: 2;
    min-width: 0;
  }
}

@media (max-width: 640px) {
  .sistemco-product-detail-cta-primary, .sistemco-product-detail-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 118px;
    min-height: 36px;
    padding: 0px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease;
  }

  .sistemco-projects-listing {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-projects-cta-actions {
    display: grid;
  }

  .sistemco-projects-cta .sistemco-shell {
    width: min(calc(100% - 24px), var(--sistemco-shell));
    margin-left: auto;
    margin-right: auto;
  }

  .sistemco-projects-cta-card {
    box-sizing: border-box;
  }

  .sistemco-brands-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-brands-intro,
  .sistemco-brands-grid-section,
  .sistemco-brands-advantages,
  .sistemco-brands-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-brands-advantage-item {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
  }

  .sistemco-products-listing,
  .sistemco-products-cta,
  .sistemco-products-results {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-products-view-shell .view-content,
  .sistemco-products-view-shell.is-list .view-content {
    grid-template-columns: 1fr;
  }

  .sistemco-products-view-shell.is-list .sistemco-product-teaser {
    grid-template-columns: 1fr;
  }

  .sistemco-product-detail-breadcrumb {
    margin-bottom: 30px;
  }

  .sistemco-product-detail-summary h1 {
    font-size: 2.5rem;
  }

  .sistemco-product-detail-actions {
    grid-template-columns: 1fr;
  }

  .sistemco-product-detail-cta-actions {
    display: grid;
  }

  .sistemco-product-category-image-card,
  .sistemco-product-category-image-card img,
  .sistemco-product-category-placeholder {
    min-height: 240px;
  }
}

.sistemco-product-image-wrap {
  position: relative;
  aspect-ratio: 1 / 0.76;
  min-height: 248px;
  overflow: hidden;
}

.sistemco-product-image-wrap img,
.sistemco-project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.homepage-node .sistemco-product-card:hover,
.homepage-node .sistemco-product-card:focus-within {
  transform: translateY(-8px);
  border-color: rgba(158, 28, 90, 0.18);
  box-shadow: 0 22px 42px rgba(35, 24, 31, 0.14);
}

.homepage-node .sistemco-product-card:hover .sistemco-product-image-wrap img,
.homepage-node .sistemco-product-card:focus-within .sistemco-product-image-wrap img {
  transform: scale(1.05);
}

.homepage-node .sistemco-product-card:hover h3,
.homepage-node .sistemco-product-card:focus-within h3,
.homepage-node .sistemco-product-card:hover .sistemco-product-actions > a:first-child,
.homepage-node .sistemco-product-card:focus-within .sistemco-product-actions > a:first-child {
  color: var(--sistemco-brand-dark);
}

.sistemco-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #1fb15b;
  color: #fff;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
}

.sistemco-product-body {
  padding: 18px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  flex: 1 1 auto;
}

.sistemco-product-card h3 {
  margin-top: 0;
  margin-bottom: 14px;
  line-height: 1.35;
}

.sistemco-product-card p {
  margin: 0;
}

.sistemco-product-category {
  color: var(--sistemco-brand);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.sistemco-product-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
}

.sistemco-product-actions > a:first-child {
  color: var(--sistemco-brand);
  font-size: 13px;
  font-weight: 600;
}

.sistemco-mini-button {
  background: var(--sistemco-brand);
  color: #fff;
  min-height: 28px;
  padding: 0 10px;
  font-size: 14px;
}

.sistemco-center-link {
  text-align: center;
  margin-top: 52px;
}

.sistemco-view-all {
  border: 2px solid #64a2fd;
  color: #1473fd;
  padding: 8px 16px;
  font-size: 18px;
  border-radius: 1rem;
  font-weight: 400;
}

.sistemco-project-carousel {
  position: relative;
  padding: 0 91px;
}

.sistemco-project-viewport {
  overflow: hidden;
}

.sistemco-project-grid {
  display: flex;
  gap: 20px;
  transition: transform 0.35s ease;
  will-change: transform;
}

.sistemco-project-card {
  flex: 0 0 calc((100% - 29px) / 3);
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  max-height: 368px;
  min-height: 368px;
  transition: box-shadow 0.28s ease;
}

.sistemco-project-card-link {
  display: block;
  position: relative;
  min-height: inherit;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.sistemco-project-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.homepage-node .sistemco-project-card:hover,
.homepage-node .sistemco-project-card:focus-within {
  box-shadow: 0 22px 42px rgba(35, 24, 31, 0.18);
}

.homepage-node .sistemco-project-card:hover img,
.homepage-node .sistemco-project-card:focus-within img {
  transform: scale(1.05);
}

.sistemco-project-overlay {
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(180deg, rgba(34, 19, 30, 0) 0%, rgba(92, 18, 56, 0.86) 100%);
  color: #fff;
  padding: 22px 18px 18px;
  transition: background 0.28s ease, padding 0.28s ease;
}

.homepage-node .sistemco-project-card:hover .sistemco-project-overlay,
.homepage-node .sistemco-project-card:focus-within .sistemco-project-overlay {
  background: linear-gradient(180deg, rgba(34, 19, 30, 0.06) 0%, rgba(92, 18, 56, 0.94) 100%);
  padding-bottom: 22px;
}

.sistemco-project-overlay h3,
.sistemco-project-overlay p {
  color: #fff;
}

.sistemco-project-overlay h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.sistemco-project-overlay p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.sistemco-carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}

.sistemco-carousel-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d7b6c7;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.sistemco-carousel-dot.is-active {
  background: var(--sistemco-brand);
}

.sistemco-carousel-arrow.is-disabled,
.sistemco-carousel-dot.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.homepage-footer-accent {
  height: 4px;
  width: 100%;
  background: var(--sistemco-brand);
}

.sistemco-footer {
  background: var(--sistemco-deep);
  color: rgba(255, 255, 255, 0.78);
  padding: 48px 29px 26px;
}

.sistemco-footer-grid.row {
  display: flex;
  gap: 0;
}

.sistemco-footer-brand-column {
  display: grid;
  gap: 20px;
  align-content: start;
  margin-top: 12px;
}

.sistemco-footer-brand {
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

.sistemco-footer-brand img {
  display: block;
  max-width: 180px;
  height: auto;
}

.sistemco-footer-description {
  max-width: 320px;
}

.sistemco-footer-description .block {
  margin: 0;
}

.sistemco-footer-description p {
  margin: 0;
}

.sistemco-footer-contact-list {
  display: grid;
  gap: 12px;
}

.sistemco-footer-contact-link {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  text-decoration: none;
  transition: color 0.2s ease;
}

.sistemco-footer-contact-link:hover {
  color: #fff;
}

.sistemco-footer-contact-icon {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  color: #ffffff;
  opacity: 0.9;
}

.sistemco-footer-contact-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.sistemco-footer h3 {
  color: #fff;
  margin: 0;
  font-size: 19px;
  margin-top: 23px;
  font-weight: 500;
}

.sistemco-footer p,
.sistemco-footer li,
.sistemco-footer a,
.sistemco-footer span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  line-height: 1.5;
}

.sistemco-footer ul {
  list-style: none;
  padding: 0;
  margin-top: 13px;
}

.sistemco-footer-column > *:last-child {
  margin-bottom: 0;
}

.sistemco-footer-column .block {
  margin: 0;
}

.sistemco-footer-column .block > h2 {
  display: none;
}

.sistemco-footer-column .menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sistemco-footer-service-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.sistemco-footer-support-links {
  margin-top: 2px;
  gap: 11px;
}

.sistemco-footer-service-links a {
  color: rgba(255, 255, 255, 0.74);
  text-decoration: none;
  transition: color 0.2s ease;
}

.sistemco-footer-service-links a:hover {
  color: #fff;
}

.sistemco-footer-column .menu-item {
  margin: 0 0 10px;
}

.sistemco-footer-column .menu-item:last-child {
  margin-bottom: 0;
}

.sistemco-footer-column .menu-item a {
  color: rgba(255, 255, 255, 0.74);
}

.sistemco-footer-column .menu-item a:hover {
  color: #fff;
}

.sistemco-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  align-items: end;
  margin-top: 18px;
  max-width: 240px;
  background: transparent;
}

.sistemco-newsletter-fields {
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.sistemco-newsletter input[type="email"] {
  width: 100%;
  border: 0;
  height: 38px;
  padding: 0 14px;
  min-width: 0;
  color: #4b4350;
  font-size: 14px;
  outline: none;
  border-radius: 8px 0 0 8px;
}

.sistemco-newsletter input[type="submit"],
.sistemco-newsletter button {
  border: 0;
  background: var(--sistemco-brand);
  color: #fff;
  width: 46px;
  height: 38px;
  margin: 0;
  padding: 0;
  border-radius: 0 8px 8px 0;
  font-size: 18px;
  line-height: 38px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.sistemco-newsletter .form-item {
  grid-column: 1;
  margin: 0;
  min-width: 0;
  background: #fff;
  border-radius: 8px 0 0 8px;
}

.sistemco-newsletter > .sistemco-footer-updates-text {
  grid-column: 1 / -1;
  margin: 0 0 14px;
}

.sistemco-newsletter input[type="submit"] {
  grid-column: 2;
  align-self: end;
}

.sistemco-newsletter input[type="submit"]:hover,
.sistemco-newsletter input[type="submit"]:focus-visible,
.sistemco-newsletter button:hover,
.sistemco-newsletter button:focus-visible {
  background: #7e1748;
}

.sistemco-newsletter button svg {
  width: 17px;
  height: 17px;
  display: block;
}

.sistemco-footer-updates-text {
  max-width: 238px;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 600;
}

.sistemco-footer-updates-socials {
  margin-top: 26px;
  gap: 18px;
}

.sistemco-footer-updates-socials a {
  width: 20px;
  height: 20px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
}

.sistemco-footer-updates-socials a:hover {
  color: #fff;
}

.sistemco-footer-updates-socials svg {
  width: 100%;
  height: 100%;
  display: block;
}

.sistemco-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sistemco-footer-bottom > span {
  order: -1;
}

.sistemco-footer-bottom > div {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-left: auto;
}

.sistemco-footer-bottom-links {
  display: flex;
  gap: 34px;
  flex-wrap: wrap;
}

.sistemco-footer-bottom-links a {
  text-decoration: none;
}

.sistemco-footer-bottom-links a:hover {
  color: #fff;
}

@media (max-width: 991px) {
  .sistemco-header.is-mobile-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(17, 8, 13, 0.56);
    z-index: 85;
  }

  .sistemco-header-inner,
  .sistemco-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
  }

  .sistemco-topbar-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
  }

  .sistemco-topbar-left,
  .sistemco-topbar-right {
    width: auto;
    flex-wrap: nowrap;
    min-width: 0;
  }

  .sistemco-topbar-left {
    gap: 8px !important;
  }

  .sistemco-topbar-right {
    gap: 10px !important;
  }

  .sistemco-topbar-left .follow-text {
    font-size: 11px !important;
  }

  .sistemco-topbar-left .social-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
  }

  .sistemco-topbar-search-form {
    width: auto;
    max-width: 132px;
  }

  .sistemco-topbar-search-form input,
  .sistemco-topbar-right .search-block-form input,
  .top-bar-right .search-block-form input,
  .top-bar .search-block-form input {
    width: 100px !important;
    min-width: 100px;
  }

  .sistemco-header-inner {
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 78px;
  }

  .sistemco-mobile-nav-toggle {
    display: inline-flex;
    margin-left: auto;
    width: 56px;
    min-width: 56px;
    min-height: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(180deg, #b01f6b 0%, #921958 100%);
    color: #fff;
    box-shadow: 0 14px 24px rgba(145, 24, 86, 0.24);
    justify-content: center;
    z-index: 95;
  }

  .sistemco-nav,
  .sistemco-topbar-tools {
    width: 100%;
  }

  .sistemco-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(78vw, 295px);
    padding: 18px 20px 28px;
    margin-left: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    background: #272727;
    box-shadow: -18px 0 42px rgba(6, 3, 5, 0.36);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    z-index: 90;
    overflow-y: auto;
  }

  .sistemco-header.is-mobile-nav-open .sistemco-nav {
    transform: translateX(0);
  }

  .sistemco-header.is-mobile-nav-open .sistemco-mobile-nav-toggle {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .has-mobile-nav-open {
    overflow: hidden;
  }

  .sistemco-mobile-nav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 0;
    margin-top: 34px;
  }

  .sistemco-mobile-nav-title {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .sistemco-mobile-nav-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 0;
    font-weight: 700;
  }

  .sistemco-mobile-nav-close::before {
    content: "\00d7";
    font-size: 30px;
    line-height: 1;
  }

  .sistemco-nav-item {
    width: 100%;
    margin-bottom: 12px;
    border-bottom: 0;
  }

  .sistemco-nav-item > a {
    width: 100%;
    min-height: 44px;
    padding: 0 44px 0 14px;
    border: 0;
    justify-content: flex-start;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    background: transparent !important;
    color: #fff !important;
    gap: 12px;
  }

  .sistemco-nav-item.has-children > a::after {
    display: none;
  }

  .sistemco-nav-item > a::before {
    background-color: #fff;
  }

  .sistemco-desktop-subnav-toggle:hover,
  .sistemco-nav-item.is-active > a,
  .sistemco-nav-item > a:hover,
  .sistemco-nav-item > a:focus-visible,
  .sistemco-nav-item.has-children:hover > a,
  .sistemco-nav-item.has-children:focus-within > a {
    background: #b01f6b !important;
    color: #fff !important;
  }

  .sistemco-nav-item.is-active > .sistemco-desktop-subnav-toggle,
  .sistemco-nav-item.has-children:hover > .sistemco-desktop-subnav-toggle,
  .sistemco-nav-item.has-children:focus-within > .sistemco-desktop-subnav-toggle,
  .sistemco-nav-item.is-dropdown-open > .sistemco-desktop-subnav-toggle {
    background: #b01f6b !important;
    color: #fff !important;
  }

  .sistemco-nav-item > a:hover + .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item > a:focus-visible + .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.has-children:hover > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.has-children:focus-within > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-active > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle {
    background: #b01f6b !important;
    color: #fff !important;
  }

  .sistemco-subnav {
    position: static;
    min-width: 100%;
    max-height: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    transform: none;
    box-shadow: none;
    border: 0;
    transition: max-height 0.24s ease;
    background: transparent;
    padding-left: 18px;
  }

  .sistemco-nav-item.is-subnav-open .sistemco-subnav,
  .sistemco-nav-item.is-active .sistemco-subnav {
    max-height: 420px;
  }

  .sistemco-subnav a {
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.82);
  }

  .sistemco-subnav a.is-active {
    color: #fff !important;
  }

  .sistemco-mobile-subnav-toggle {
    top: 3px;
    right: 0;
    width: 36px;
    height: 36px;
    background: transparent;
    color: #fff;
  }

  .sistemco-mobile-subnav-toggle span {
    width: 9px;
    height: 9px;
  }

  .sistemco-mobile-nav-toggle > span:last-child {
    display: none;
  }

  .sistemco-mobile-nav-toggle__icon {
    width: 20px;
    height: 14px;
  }

  .sistemco-mobile-nav-toggle__icon::before,
  .sistemco-mobile-nav-toggle__icon::after {
    width: 20px;
    height: 2.5px;
    background: currentColor;
  }

  .sistemco-mobile-nav-toggle__icon::before {
    top: 0;
    box-shadow: 0 6px 0 currentColor;
  }

  .sistemco-mobile-nav-toggle__icon::after {
    bottom: 0;
  }

  .sistemco-product-grid,
  .sistemco-footer-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sistemco-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sistemco-project-card {
    flex-basis: calc((100% - 20px) / 2);
  }

  .sistemco-about-intro,
  .sistemco-about-story,
  .sistemco-about-values,
  .sistemco-about-cta {
    padding: 60px 0;
  }

  .sistemco-about-intro-grid,
  .sistemco-about-story-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .sistemco-about-copy,
  .sistemco-about-values-header,
  .sistemco-about-story-heading,
  .sistemco-about-cta-card {
    max-width: 100%;
  }

  .sistemco-about-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .sistemco-motto-benefits-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .sistemco-history-intro,
  .sistemco-history-timeline {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-history-timeline-inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .sistemco-quality-intro,
  .sistemco-quality-sections,
  .sistemco-quality-tip-section {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-service-showcase {
    --bs-gutter-y: 28px;
  }

  .sistemco-service-showcase-content {
    max-width: 100%;
  }

  .sistemco-project-detail-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0;
  }

  .sistemco-subnav a {
    padding: 10px 0 10px 18px;
    border-bottom: 0;
    font-size: 14px;
    color: #6f6670;
    background: transparent !important;
  }

  .sistemco-subnav a.is-active {
    color: var(--sistemco-brand) !important;
    font-weight: 700;
  }

  .sistemco-mobile-subnav-toggle {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: rgba(158, 28, 90, 0.08);
    color: var(--sistemco-brand);
  }

  .sistemco-mobile-subnav-toggle span {
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 0.2s ease;
  }

  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle span {
    transform: rotate(-135deg) translateX(-1px);
  }
}

@media (max-width: 640px) {
  .sistemco-shell {
    width: min(calc(100% - 24px), var(--sistemco-shell));
  }

  .sistemco-products-view-shell form {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .sistemco-products-view-shell .form-item {
    width: 100%;
    min-width: 0;
    padding-right: 8px;
    box-sizing: border-box;
  }

  .sistemco-products-view-shell select {
    width: 100%;
    max-width: calc(100vw - 40px);
  }

  .sistemco-hero {
    min-height: 460px;
  }

  .sistemco-hero-track,
  .sistemco-hero-inner {
    min-height: 460px;
  }

  .sistemco-hero-card {
    width: calc(100% - 16px);
    padding: 24px 18px;
    transform: translateY(48px);
  }

  .sistemco-hero-card h1 {
    min-height: 4.2rem;
  }

  .sistemco-hero-card p {
    min-height: 3.6rem;
  }

  .sistemco-hero-card h1,
  .sistemco-section-heading h2,
  .sistemco-about h2,
  .sistemco-mid-cta-card h2 {
    font-size: 24px;
  }

  .sistemco-service-grid,
  .sistemco-product-grid,
  .sistemco-footer-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-project-card {
    flex-basis: 100%;
    min-height: 300px;
    max-height: 300px;
  }

  .sistemco-project-carousel {
    padding: 0;
  }

  .sistemco-project-detail-hero h1,
  .sistemco-project-detail-summary h2,
  .sistemco-project-detail-cta-card h2 {
    font-size: 24px;
  }

  .sistemco-mobile-nav-toggle {
    min-height: 40px;
    padding: 0 14px;
  }

  .sistemco-nav {
    width: 100vw;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sistemco-project-detail-content {
    padding: 56px 0 60px;
  }

  .sistemco-project-detail-hero {
    padding: 24px 0 28px;
  }

  .sistemco-project-detail-breadcrumb {
    gap: 4px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.6;
    word-break: break-word;
  }

  .sistemco-project-detail-hero-copy,
  .sistemco-project-detail-hero-copy p {
    max-width: 100%;
  }

  .sistemco-project-detail-summary {
    min-width: 0;
  }

  .sistemco-project-detail-features {
    margin-bottom: 22px;
  }

  .sistemco-project-detail-hero-copy,
  .sistemco-project-detail-hero-copy p,
  .sistemco-project-detail-features li {
    font-size: 16px;
  }

  .sistemco-project-detail-actions,
  .sistemco-project-detail-cta-actions {
    flex-direction: column;
  }

  .sistemco-project-detail-button,
  .sistemco-project-detail-cta-button {
    width: 100%;
    min-width: 0;
  }

  .sistemco-project-detail-cta-card {
    padding: 36px 20px 34px;
  }

  .sistemco-carousel-arrow,
  .sistemco-hero-arrow {
    display: none;
  }

  .sistemco-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .sistemco-footer-bottom > div {
    margin-left: 0;
  }

  .sistemco-about {
    padding-top: 0px;
  }

  .sistemco-about-banner h1 {
    font-size: 2.15rem;
  }

  .sistemco-about-copy h2,
  .sistemco-about-values-header h2,
  .sistemco-about-cta-card h2,
  .sistemco-about-story-inner h2 {
    font-size: 1.75rem;
  }

  .sistemco-about-values-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-about-cta-card {
    padding: 32px 20px;
  }

  .js-about-reveal {
    opacity: 1;
    transform: none;
  }

  .sistemco-motto-intro {
    text-align: center;
    max-width: 100%;
  }

  .sistemco-motto-cta-card{
    padding: 1px 20px;
  }

  .sistemco-motto-cta-card {
    max-width: 100%;
    margin: 0 !important;
    background: var(--sistemco-brand);
    color: #ffffff;
    text-align: center;
    border-radius: 22px;
    padding: 1px;
    box-shadow: 0 18px 34px rgba(158, 28, 90, 0.14);
  }

  .sistemco-services-cta {
    padding: 0 !important;
    margin-bottom: 35px;
  }

  .sistemco-motto-intro {
    text-align: center !important;
    max-width: 100% !important;
    padding: 0;
  }
  

  .sistemco-motto-banner {
    max-width: 100%;
  }

  .sistemco-motto-banner h1 {
    font-size: 2.2rem;
  }

  .sistemco-motto-intro h2,
  .sistemco-motto-benefits-content h2,
  .sistemco-motto-cta-card h2 {
    font-size: 1.7rem;
  }

  .sistemco-motto-cta-card {
    padding: 32px 20px;
  }

  .sistemco-history-banner {
    padding: 40px 0 44px;
  }

  .sistemco-history-banner h1 {
    font-size: 2.2rem;
  }

  .sistemco-history-intro h2,
  .sistemco-history-cta-card h2 {
    font-size: 1.7rem;
  }

  .sistemco-history-item-body {
    padding-left: 0;
  }

  .sistemco-history-item {
    padding: 24px 22px;
  }

  .sistemco-history-cta-card {
    padding: 32px 20px;
  }

  .sistemco-quality-banner {
    padding: 40px 0 44px;
  }

  .sistemco-quality-banner h1 {
    font-size: 2.2rem;
  }

  .sistemco-quality-intro h2,
  .sistemco-quality-cta-card h2 {
    font-size: 1.7rem;
  }

  .sistemco-quality-section h3 {
    font-size: 1.45rem;
  }

  .sistemco-quality-tip-box {
    padding: 14px 16px;
  }

  .sistemco-quality-cta-card {
    padding: 32px 20px;
  }

  .sistemco-services-banner {
    padding: 38px 0 34px;
  }

  .sistemco-services-banner h1 {
    font-size: 2.15rem;
  }

  .sistemco-services-banner p,
  .sistemco-services-intro,
  .sistemco-service-showcase-body,
  .sistemco-services-cta-card p {
    font-size: 16px;
  }

  .sistemco-services-listing {
    padding: 56px 0 44px;
  }

  .sistemco-service-showcase-icon-card img {
    width: 100%;
    height: auto;
  }
  .sistemco-services-cta-card {
    padding: 34px 18px;
  }

  .js-services-reveal {
    opacity: 1;
    transform: none;
  }
}

.sistemco-contact-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(2.3rem, 4.3vw, 3.5rem);
  font-weight: 300;
}

.sistemco-contact-section {
  padding: 72px 290px 56px;
}

.sistemco-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.9fr);
  gap: 120px;
  align-items: start;
}


.sistemco-contact-map-heading h2 {
  margin: 0 0 14px;
  color: var(--sistemco-brand);
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  font-weight: 400;
}

.sistemco-contact-info-panel h2,
.sistemco-contact-form-panel h2{
  margin: 0 0 28px;
  color: var(--sistemco-brand);
  font-size: 2rem;
  font-weight: 600;
}

.sistemco-contact-intro,
.sistemco-contact-map-heading p {
  margin: 0 0 28px;
  color: #6d6672;
}

.sistemco-contact-form .form-item {
  margin: 0;
  min-width: 0;
}

.sistemco-contact-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
  width: 100%;
}

.sistemco-contact-form-full {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

.sistemco-contact-form label {
  display: block;
  margin-bottom: 8px;
  color: #6c3551;
  font-size: 0.94rem;
  font-weight: 500;
}

.sistemco-contact-form input,
.sistemco-contact-form select,
.sistemco-contact-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #bf87a8;
  border-radius: 8px;
  background: #ffffff;
  color: #392f37;
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 14px 16px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sistemco-contact-form input,
.sistemco-contact-form select {
  width: 100%;
  border: 1px solid #bf87a8;
  border-radius: 8px;
  background: #ffffff;
  color: #392f37;
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 14px 16px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sistemco-contact-form textarea {
  min-height: 160px;
  padding: 16px;
  resize: vertical;
}

.sistemco-contact-form input:focus,
.sistemco-contact-form select:focus,
.sistemco-contact-form textarea:focus {
  border-color: rgba(158, 28, 90, 0.55);
  box-shadow: 0 0 0 4px rgba(158, 28, 90, 0.12);
  outline: none;
}

.sistemco-contact-form-actions {
  margin-top: 24px;
}

.sistemco-contact-submit {
  min-width: 190px;
  justify-content: center;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease;
}

.sistemco-contact-submit:hover,
.sistemco-contact-submit:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 18px 32px rgba(158, 28, 90, 0.22);
  background: #8e164f;
  color: white;
}

.sistemco-contact-info-list {
  display: grid;
  gap: 22px;
}

.sistemco-contact-info-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  color: inherit;
  text-decoration: none;
}

.sistemco-contact-info-card:hover .sistemco-contact-info-copy h3,
.sistemco-contact-info-card:focus-visible .sistemco-contact-info-copy h3 {
  color: var(--sistemco-brand);
}

.sistemco-contact-info-icon {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: linear-gradient(180deg, #a41d5e 0%, #88174c 100%);
  box-shadow: 0 16px 28px rgba(158, 28, 90, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.sistemco-contact-info-icon img{
  max-width: 24px;
  max-height: 24px;
}

.sistemco-site-social-link img{
  max-width: 20px;
  max-height: 20px;
}

.sistemco-contact-info-copy h3,
.sistemco-site-social-block h3 {
  margin: 0 0 8px;
  color: #7e1748;
  font-size: 1.08rem;
  font-weight: 600;
  transition: color 0.2s ease;
}

.sistemco-contact-info-copy div {
  color: #564d59;
  line-height: 0.9;
}

.sistemco-site-social-block {
  /*margin-top: 34px;*/
}

.sistemco-contact-social-card {
  margin-top: 22px;
}

.sistemco-site-social-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sistemco-site-social-link {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.sistemco-site-social-link:hover,
.sistemco-site-social-link:focus-visible {
  transform: translateY(-2px);
  border-color: var(--sistemco-brand);
  background: rgba(158, 28, 90, 0.06);
}

.sistemco-contact-map-section {
  padding-top: 18px;
  padding-bottom: 74px;
}

.sistemco-contact-map-heading {
  text-align: center;
  margin-bottom: 28px;
}

.sistemco-contact-map-heading p {
  max-width: 460px;
  margin: 0 auto;
}

.sistemco-contact-map-frame {
  overflow: hidden;
  border-radius: 24px;
  background: #f5f0f3;
  box-shadow: 0 26px 46px rgba(57, 31, 46, 0.08);
}

.sistemco-contact-map-frame iframe {
  display: block;
  width: 100%;
  min-height: 420px;
  border: 0;
}

@media (max-width: 980px) {
  .sistemco-contact-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }
}

@media (max-width: 640px) {
  .sistemco-contact-section {
    padding-top: 56px;
  }

  .sistemco-contact-form-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-contact-form-full,
  .sistemco-contact-form .form-item {
    width: 100%;
    min-width: 0;
  }

  .sistemco-contact-form input,
  .sistemco-contact-form select,
  .sistemco-contact-form textarea {
    max-width: calc(100vw - 24px);
  }

  .sistemco-contact-info-card {
    grid-template-columns: 56px minmax(0, 1fr);
  }
}

body,
.dialog-off-canvas-main-canvas,
.layout-container {
  margin-top: 0 !important;
  padding: 0;
  border: 0;
  outline: 0;
  overflow-x: clip;
}

.sistemco-topbar {
  margin-top: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.sistemco-contact-page {
  min-height: 100vh;
  margin-top: -42px;
}

.sistemco-contact-page .sistemco-topbar {
  margin-top: 0 !important;
}

@media (max-width: 1500px) {
  .sistemco-project-detail-grid {
    display: grid;
    grid-template-columns: minmax(320px, 600px) minmax(0, 1fr);
    gap: 25px;
    align-items: center;
    padding: 0 14px;
  }

  .sistemco-project-detail-content {
    padding: 0 0 53px;
  }

  .sistemco-products-results {
    padding: 18px 76px 10px !important;
  }

  .sistemco-products-cta {
    padding: 18px 0px 82px !important;
  }

  .sistemco-header-inner {
    gap: 18px;
  }

  .sistemco-logo img {
    margin-left: 0;
    height: 54px;
  }

  .sistemco-nav {
    margin-right: 0;
  }

  .sistemco-nav-item > a {
    padding: 0 22px;
    font-size: 15px;
  }

  .sistemco-section {
    padding-left: clamp(22px, 5vw, 120px);
    padding-right: clamp(22px, 5vw, 120px);
  }

  .sistemco-projects-banner,
  .sistemco-about-intro,
  .sistemco-about-story,
  .sistemco-about-values,
  .sistemco-about-cta,
  .sistemco-motto-benefits,
  .sistemco-history-banner,
  .sistemco-history-intro,
  .sistemco-services-banner,
  .sistemco-services-listing,
  .sistemco-brands-banner,
  .sistemco-brands-grid-section,
  .sistemco-brands-advantages,
  .sistemco-projects-banner,
  .sistemco-projects-listing,
  .sistemco-products-banner,
  .sistemco-products-listing,
  .sistemco-product-detail-breadcrumb-wrap,
  .sistemco-product-detail-content,
  .sistemco-service-detail-banner,
  .sistemco-service-detail-intro,
  .sistemco-service-detail-related,
  .sistemco-contact-hero,
  .sistemco-contact-section {
    padding-left: clamp(22px, 5vw, 120px);
    padding-right: clamp(22px, 5vw, 120px);
  }

  .sistemco-about-story-paragraph {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-about-story-grid.is-reversed .sistemco-about-image-wrap,
  .sistemco-about-story-grid.is-reversed .sistemco-about-copy {
    order: initial;
  }

  .sistemco-motto-intro-copy p {
    margin-left: 0;
    margin-right: 0;
  }

  .sistemco-product-category-showcase {
    gap: clamp(28px, 4vw, 44px);
  }

  .sistemco-contact-grid {
    gap: clamp(28px, 4vw, 56px);
  }
}

@media (max-width: 1280px) {
  .sistemco-shell {
    width: min(calc(100% - 40px), var(--sistemco-shell));
  }

  .sistemco-topbar-left,
  .sistemco-topbar-right {
    flex-wrap: wrap;
  }

  .sistemco-nav {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .sistemco-nav-item > a {
    min-height: 74px;
    padding: 0 18px;
    font-size: 14px;
  }

  .sistemco-hero,
  .sistemco-hero-track {
    min-height: 560px;
  }

  .sistemco-hero-card {
    width: min(100%, 560px);
  }

  .sistemco-motto-benefits-grid,
  .sistemco-project-showcase,
  .sistemco-service-showcase,
  .sistemco-product-category-showcase,
  .sistemco-product-detail-grid,
  .sistemco-service-detail-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-product-category-showcase .sistemco-product-category-media,
  .sistemco-product-category-showcase.is-image-right .sistemco-product-category-media {
    order: 1;
  }

  .sistemco-product-category-showcase .sistemco-product-category-content,
  .sistemco-product-category-showcase.is-image-right .sistemco-product-category-content {
    order: 2;
  }

  .sistemco-product-category-content {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .sistemco-product-category-summary,
  .sistemco-product-category-summary p {
    text-align: center;
  }

  .sistemco-product-category-features ul {
    display: inline-grid;
    justify-content: center;
  }

  .sistemco-product-category-features li {
    text-align: left;
  }

  .sistemco-projects-cta {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .sistemco-projects-cta .sistemco-shell {
    padding-left: 0;
    padding-right: 0;
  }

  .sistemco-footer-grid {
    grid-template-columns: minmax(240px, 1.2fr) repeat(4, minmax(0, 1fr));
    column-gap: 82px;
  }

  .sistemco-footer {
    background: var(--sistemco-deep);
    color: rgba(255, 255, 255, 0.78);
    padding: 48px 77px 26px;
  }

  .sistemco-footer-grid > .sistemco-footer-column:nth-child(4) {
    margin-left: 0;
  }
}

@media (min-width: 600px) and (max-width: 1280px) {
  .sistemco-product-category-image-card img {
    width: 100%;
    height: 100%;
    min-height: 211px;
    object-fit: contain;
    display: block;
    margin-top: 78px;
  }

  .sistemco-product-category-features ul {
    margin-bottom: 23px;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .sistemco-product-catalog-page .sistemco-product-category-showcase {
    padding: 0;
  }

  .sistemco-product-catalog-page .sistemco-product-category-showcase .sistemco-product-category-media,
  .sistemco-product-catalog-page .sistemco-product-category-showcase.is-image-right .sistemco-product-category-media {
    order: 1;
  }

  .sistemco-product-catalog-page .sistemco-product-category-showcase .sistemco-product-category-content,
  .sistemco-product-catalog-page .sistemco-product-category-showcase.is-image-right .sistemco-product-category-content {
    order: 2;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    align-items: center;
  }

  .sistemco-product-catalog-page .sistemco-product-category-features {
    margin-bottom: 0;
  }

  .sistemco-product-catalog-page .sistemco-product-category-button {
    margin-top: auto;
  }
}

@media (max-width: 991px) {
  .sistemco-project-detail-button, .sistemco-project-detail-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    min-height: 48px;
    padding: 0;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
  }

  .sistemco-project-detail-actions, .sistemco-project-detail-cta-actions {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 25px;
        max-width: 79%;
        margin-left: auto;
        margin-right: auto;
  }

  .project-detail-cta-actions {
        flex-direction: row;
    }

  .sistemco-project-detail-actions, .sistemco-project-detail-cta-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
  }

  .sistemco-project-detail-cta-card {
    padding: 16px 0px 16px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #87184d 0%, #b01f6b 100%);
    margin-bottom: 70px;
  }

  .sistemco-project-detail-media img {
    width: 67%;
    /* text-align: center; */
    display: block;
    border-radius: 4px;
    box-shadow: 0 18px 40px rgba(87, 43, 66, 0.12);
    margin-left: auto;
    margin-right: auto;
  }

  .sistemco-project-detail-grid {
    display: grid;
    grid-template-columns: minmax(320px, 100%) !important;
    gap: 25px;
    align-items: center;
    padding: 0 14px;
    
  }
  
  .sistemco-header-inner,
  .sistemco-topbar-inner {
    align-items: stretch;
  }

  .sistemco-logo {
    align-self: center;
  }

  .sistemco-logo img {
    height: 48px;
  }

  .sistemco-nav {
    justify-content: flex-start;
    margin-right: 0;
  }

  .sistemco-nav-item {
    width: 100%;
  }

  .sistemco-nav-item > a {
    width: 100%;
    justify-content: flex-start;
  }

  .sistemco-subnav a {
    padding-left: 22px;
  }

  .sistemco-hero-arrow,
  .sistemco-carousel-arrow {
    width: 44px;
    height: 44px;
    font-size: 30px;
  }

  .sistemco-hero-arrow-left,
  .sistemco-carousel-arrow-left {
    left: 10px;
  }

  .sistemco-hero-arrow-right,
  .sistemco-carousel-arrow-right {
    right: 10px;
  }

  .sistemco-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sistemco-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .sistemco-footer-bottom > div {
    margin-left: 0;
  }

  .sistemco-motto-intro{
    text-align: center;
  }
}

@media (max-width: 767px) {
  .sistemco-hero-card .sistemco-button {
    margin-top: 16px;
    align-self: center;
  }

  .sistemco-hero-card h1, .sistemco-section-heading h2, .sistemco-about h2 {
    margin: 26px 0 14px;
    color: var(--sistemco-brand);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
  }

  .sistemco-projects-cta-card h2, .sistemco-products-cta-card h2, .sistemco-brands-cta-card h2, .sistemco-mid-cta-card h2, .sistemco-motto-cta-card h2, .sistemco-about-cta-card h2, .sistemco-history-cta-card h2, .sistemco-quality-cta-card h2, .sistemco-services-cta-card h2 {
    margin: 0 0 14px;
    color: white;
    font-size: 1.2rem !important;
    font-weight: 700;
    line-height: 1.2;
  }

  .sistemco-about {
    text-align: center;
    padding-top: 0;
    padding-bottom: 34px;
  }

  .sistemco-project-viewport {
    overflow: hidden;
    margin-top: 12px;
  } 
  
  .sistemco-shell {
    width: min(calc(100% - 24px), var(--sistemco-shell));
  }

  .sistemco-topbar-left,
  .sistemco-topbar-right {
    width: auto;
    justify-content: flex-start;
  }

  .sistemco-topbar-search-form {
    width: auto;
    max-width: 132px;
  }

  .sistemco-topbar-search-form input {
    min-width: 0;
  }

  .sistemco-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sistemco-projects-banner p,
  .sistemco-products-banner p,
  .sistemco-services-banner p,
  .sistemco-contact-hero p {
    font-size: 16px;
  }

  .sistemco-mid-cta-card,
  .sistemco-projects-cta-card,
  .sistemco-contact-map-frame,
  .sistemco-product-detail-cta-card,
  .sistemco-service-detail-cta-card {
    border-radius: 22px;
    margin-bottom: 53px;
  }
}

.sistemco-login-page {
  background:
    radial-gradient(circle at top right, rgba(177, 36, 103, 0.18), transparent 32%),
    linear-gradient(180deg, #fbf4f8 0%, #ffffff 58%);
}

.sistemco-login-hero {
  padding: 54px 290px 58px;
  background: linear-gradient(135deg, #89184d 0%, #a51d61 48%, #bb2f75 100%);
  color: #fff;
}

.sistemco-login-hero-inner {
  min-height: 156px;
  display: flex;
  align-items: center;
}

.sistemco-login-kicker {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sistemco-login-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem);
  font-weight: 300;
}

.sistemco-login-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.7;
}

.sistemco-login-section {
  padding: 72px 290px 86px;
}

.sistemco-login-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.72fr);
  gap: 34px;
  align-items: start;
}

.sistemco-login-card,
.sistemco-login-aside-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(158, 28, 90, 0.12);
  border-radius: 28px;
  box-shadow: 0 26px 70px rgba(115, 24, 66, 0.1);
}

.sistemco-login-card {
  padding: 36px 34px 34px;
}

.sistemco-login-card h2,
.sistemco-login-aside-card h3 {
  margin: 0 0 14px;
  color: #8f1650;
  font-size: clamp(1.75rem, 2.4vw, 2.2rem);
  font-weight: 400;
}

.sistemco-login-intro,
.sistemco-login-aside-card p {
  margin: 0 0 26px;
  color: #685d67;
  line-height: 1.7;
}

.sistemco-login-form .form-item {
  margin: 0 0 18px;
}

.sistemco-login-form label {
  display: block;
  margin-bottom: 8px;
  color: #6c3551;
  font-size: 0.94rem;
  font-weight: 500;
}

.sistemco-login-form input[type="text"],
.sistemco-login-form input[type="password"],
.sistemco-login-form input[type="email"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 54px;
  padding: 14px 18px;
  border: 1px solid #d4b2c4;
  border-radius: 14px;
  background: #fff;
  color: #392f37;
  font-size: 0.98rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.sistemco-login-form input[type="text"]:focus,
.sistemco-login-form input[type="password"]:focus,
.sistemco-login-form input[type="email"]:focus {
  border-color: rgba(158, 28, 90, 0.55);
  box-shadow: 0 0 0 4px rgba(158, 28, 90, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.sistemco-login-actions {
  margin-top: 28px;
}

.sistemco-login-submit {
  min-width: 190px;
  min-height: 52px;
  padding: 0 28px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #9e1c5a 0%, #bb2f75 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 18px 36px rgba(158, 28, 90, 0.22);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.sistemco-login-submit:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 22px 42px rgba(158, 28, 90, 0.28);
}

.sistemco-login-aside-card {
  padding: 30px 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 241, 246, 0.98)),
    #fff;
}

.sistemco-login-help-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: rgba(158, 28, 90, 0.08);
  color: #9e1c5a;
  font-weight: 600;
}

.sistemco-login-help-link:hover {
  background: rgba(158, 28, 90, 0.14);
  color: #89184d;
}

.sistemco-dashboard-card {
  display: grid;
  gap: 24px;
}

.sistemco-dashboard-status {
  margin: 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(21, 124, 73, 0.1);
  color: #157c49;
  font-weight: 600;
}

.sistemco-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.sistemco-dashboard-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sistemco-dashboard-button:hover {
  transform: translateY(-1px);
}

.sistemco-dashboard-button--primary {
  background: linear-gradient(135deg, #9e1c5a 0%, #bb2f75 100%);
  color: #fff;
  box-shadow: 0 18px 36px rgba(158, 28, 90, 0.22);
}

.sistemco-dashboard-button--secondary {
  background: rgba(158, 28, 90, 0.09);
  color: #9e1c5a;
}

.sistemco-dashboard-button--ghost {
  border: 1px solid rgba(158, 28, 90, 0.24);
  color: #7d1848;
  background: #fff;
}

.sistemco-dashboard-account {
  padding-top: 10px;
  border-top: 1px solid rgba(158, 28, 90, 0.12);
}

.sistemco-dashboard-meta {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
  color: #685d67;
}

.sistemco-dashboard-meta strong {
  color: #6c3551;
}

@media (max-width: 1702px) {
  .sistemco-quality-banner,
  .sistemco-services-banner,
  .sistemco-history-banner,
  .sistemco-motto-banner {
    padding: 52px 0px 58px !important;
  }

  .sistemco-about-intro, .sistemco-about-story, .sistemco-about-values, .sistemco-about-cta {
    padding: 44px 0px;
  }

  .sistemco-motto-intro {
    padding: 0;
    text-align: center;
  }
}

@media (max-width: 1280px) {
  .sistemco-product-teaser-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 4px;
    background: #a51d61;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }

  .sistemco-login-hero,
  .sistemco-login-section {
    padding-left: clamp(22px, 5vw, 120px);
    padding-right: clamp(22px, 5vw, 120px);
  }
  .sistemco-contact-page {
    min-height: 100vh;
    margin-top: -41px;
  }
}

@media (max-width: 991px) {
  .sistemco-login-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-login-aside {
    order: 2;
  }
}

@media (max-width: 640px) {
  .sistemco-login-hero {
    padding-top: 44px;
    padding-bottom: 46px;
  }

  .sistemco-login-section {
    padding-top: 42px;
    padding-bottom: 56px;
  }

  .sistemco-login-card,
  .sistemco-login-aside-card {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .sistemco-login-submit {
    width: 100%;
  }

  .sistemco-dashboard-actions {
    flex-direction: column;
  }

  .sistemco-dashboard-button {
    width: 87%;
  }
}

.sistemco-error-page {
  background:
    radial-gradient(circle at top right, rgba(177, 36, 103, 0.16), transparent 32%),
    linear-gradient(180deg, #fbf4f8 0%, #ffffff 58%);
}

.sistemco-error-hero {
  padding: 54px 290px 58px;
  background: linear-gradient(135deg, #89184d 0%, #a51d61 48%, #bb2f75 100%);
  color: #fff;
}

.sistemco-error-hero-inner {
  min-height: 156px;
  display: flex;
  align-items: center;
}

.sistemco-error-kicker {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sistemco-error-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem);
  font-weight: 300;
}

.sistemco-error-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.7;
}

.sistemco-error-section {
  padding: 72px 290px 86px;
}

.sistemco-error-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.72fr);
  gap: 34px;
  align-items: start;
}

.sistemco-error-card,
.sistemco-error-aside-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(158, 28, 90, 0.12);
  border-radius: 28px;
  box-shadow: 0 26px 70px rgba(115, 24, 66, 0.1);
}

.sistemco-error-card {
  padding: 36px 34px 34px;
}

.sistemco-error-code {
  display: inline-flex;
  margin-bottom: 16px;
  color: #a51d61;
  font-size: clamp(3rem, 6vw, 4.6rem);
  font-weight: 700;
  line-height: 1;
}

.sistemco-error-card h2,
.sistemco-error-aside-card h3 {
  margin: 0 0 14px;
  color: #8f1650;
  font-size: clamp(1.75rem, 2.4vw, 2.2rem);
  font-weight: 400;
}

.sistemco-error-intro,
.sistemco-error-aside-card p {
  margin: 0 0 26px;
  color: #685d67;
  line-height: 1.7;
}

.sistemco-error-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.sistemco-error-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 28px;
  border-radius: 14px;
  background: linear-gradient(135deg, #9e1c5a 0%, #bb2f75 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 18px 36px rgba(158, 28, 90, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.sistemco-error-button:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 22px 42px rgba(158, 28, 90, 0.28);
  color: #fff;
}

.sistemco-error-button.is-secondary {
  background: rgba(158, 28, 90, 0.08);
  color: #9e1c5a;
  box-shadow: none;
}

.sistemco-error-button.is-secondary:hover {
  background: rgba(158, 28, 90, 0.14);
  color: #89184d;
  box-shadow: none;
}

.sistemco-error-aside-card {
  padding: 30px 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 241, 246, 0.98)),
    #fff;
}

@media (max-width: 1280px) {
  .sistemco-error-hero,
  .sistemco-error-section {
    padding-left: clamp(22px, 5vw, 120px);
    padding-right: clamp(22px, 5vw, 120px);
  }
}

@media (max-width: 991px) {
  .sistemco-error-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-error-aside {
    order: 2;
  }
}

@media (max-width: 640px) {
  .sistemco-error-hero {
    padding-top: 44px;
    padding-bottom: 46px;
  }

  .sistemco-error-section {
    padding-top: 42px;
    padding-bottom: 56px;
  }

  .sistemco-error-card,
  .sistemco-error-aside-card {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .sistemco-error-actions {
    flex-direction: column;
  }

  .sistemco-error-button {
    width: 84%;
  }
}

.sistemco-search-page {
  background:
    radial-gradient(circle at top right, rgba(177, 36, 103, 0.16), transparent 32%),
    linear-gradient(180deg, #fbf4f8 0%, #ffffff 58%);
}

.sistemco-search-hero {
  padding: 54px 290px 58px;
  background: linear-gradient(135deg, #89184d 0%, #a51d61 48%, #bb2f75 100%);
  color: #fff;
}

.sistemco-search-hero-inner {
  min-height: 156px;
  display: flex;
  align-items: center;
}

.sistemco-search-kicker {
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sistemco-search-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(2.4rem, 4.2vw, 3.6rem);
  font-weight: 300;
}

.sistemco-search-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.7;
}

.sistemco-search-section {
  padding: 72px 290px 86px;
}

.sistemco-search-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.72fr);
  gap: 34px;
  align-items: start;
}

.sistemco-search-card,
.sistemco-search-aside-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(158, 28, 90, 0.12);
  border-radius: 28px;
  box-shadow: 0 26px 70px rgba(115, 24, 66, 0.1);
}

.sistemco-search-card {
  padding: 36px 34px 34px;
}

.sistemco-search-card h2,
.sistemco-search-aside-card h3 {
  margin: 0 0 14px;
  color: #8f1650;
  font-size: clamp(1.75rem, 2.4vw, 2.2rem);
  font-weight: 400;
}

.sistemco-search-intro,
.sistemco-search-aside-card p {
  margin: 0 0 26px;
  color: #685d67;
  line-height: 1.7;
}

.sistemco-search-aside-card {
  padding: 30px 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 241, 246, 0.98)),
    #fff;
}

.sistemco-search-shortcuts {
  display: grid;
  gap: 12px;
}

.sistemco-search-shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: rgba(158, 28, 90, 0.08);
  color: #9e1c5a;
  font-weight: 600;
}

.sistemco-search-shortcut:hover {
  background: #8e164f57;
  color: #89184d;
}

.sistemco-search-card .messages,
.sistemco-search-card [role="alert"] {
  margin: 0 0 24px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(191, 56, 111, 0.16);
  background: rgba(255, 241, 246, 0.92);
  color: #8f1650;
  box-shadow: none;
}

.sistemco-search-card .messages h2 {
  margin: 0 0 8px;
  font-size: 1.05rem;
  font-weight: 700;
}

.sistemco-search-card form.search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  margin-bottom: 22px;
}

.sistemco-search-card form.search-form .form-item {
  margin: 0;
}

.sistemco-search-card .form-search,
.sistemco-search-card input[type="search"],
.sistemco-search-card input[type="text"] {
  width: 100%;
  min-height: 56px;
  padding: 0 18px;
  border: 1px solid rgb(158 28 90 / 35%);
  border-radius: 16px;
  background: #fff;
  color: #514852;
  box-sizing: border-box;
  margin-top: 15px;
}

.sistemco-search-card .form-search:focus,
.sistemco-search-card input[type="search"]:focus,
.sistemco-search-card input[type="text"]:focus {
  outline: none;
  border-color: rgba(158, 28, 90, 0.48);
  box-shadow: 0 0 0 4px rgba(158, 28, 90, 0.08);
}

.sistemco-search-card .form-submit,
.sistemco-search-card input[type="submit"] {
  min-height: 56px;
  padding: 0 28px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #9e1c5a 0%, #bb2f75 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: 0 18px 36px rgba(158, 28, 90, 0.22);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.sistemco-search-card .form-submit:hover,
.sistemco-search-card input[type="submit"]:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 22px 42px rgba(158, 28, 90, 0.28);
}

.sistemco-search-card .search-help-link {
  margin-bottom: 18px;
}

.sistemco-search-card .search-help-link a {
  color: #9e1c5a;
  font-weight: 600;
}

.sistemco-search-card .search-help-link a:hover {
  color: #89184d;
}

.sistemco-search-card .search-results {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.sistemco-search-card .search-results li {
  margin: 0 0 16px;
  padding: 22px 22px 20px;
  border: 1px solid rgba(158, 28, 90, 0.12);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff 0%, #fdf8fb 100%);
  box-shadow: 0 14px 34px rgba(115, 24, 66, 0.06);
}

.sistemco-search-card .search-results li:last-child {
  margin-bottom: 0;
}

.sistemco-search-card .search-results h3,
.sistemco-search-card .search-results h2 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 700;
}

.sistemco-search-card .search-results h3 a,
.sistemco-search-card .search-results h2 a {
  color: #8f1650;
}

.sistemco-search-card .search-results h3 a:hover,
.sistemco-search-card .search-results h2 a:hover {
  color: #b12467;
}

.sistemco-search-card .search-snippet-info,
.sistemco-search-card .search-result__snippet,
.sistemco-search-card .search-result__info,
.sistemco-search-card p,
.sistemco-search-card em {
  color: #685d67;
  line-height: 1.8;
}

.sistemco-search-card em {
  font-style: normal;
  color: #9e1c5a;
  font-weight: 700;
}

@media (max-width: 1280px) {
  .sistemco-search-hero,
  .sistemco-search-section {
    padding-left: clamp(22px, 5vw, 120px);
    padding-right: clamp(22px, 5vw, 120px);
  }
}

@media (max-width: 991px) {
  .sistemco-search-grid {
    grid-template-columns: 1fr;
  }

  .sistemco-search-aside {
    order: 2;
  }

  .sistemco-search-card form.search-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .sistemco-search-hero {
    padding-top: 44px;
    padding-bottom: 46px;
  }

  .sistemco-search-section {
    padding-top: 42px;
    padding-bottom: 56px;
  }

  .sistemco-search-card,
  .sistemco-search-aside-card {
    padding: 24px 20px;
    border-radius: 22px;
  }

  .sistemco-search-card .form-submit,
  .sistemco-search-card input[type="submit"] {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sistemco-header.is-mobile-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(17, 8, 13, 0.56);
    z-index: 85;
  }

  .sistemco-header-inner {
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 78px;
  }

  .sistemco-mobile-nav-toggle {
    display: inline-flex !important;
    margin-left: auto;
  }

  .sistemco-nav {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(78vw, 295px);
    padding: 18px 20px 28px;
    margin-left: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    background: #272727;
    box-shadow: -18px 0 42px rgba(6, 3, 5, 0.36);
    transform: translateX(100%);
    transition: transform 0.28s ease;
    z-index: 90;
    overflow-y: auto;
  }

  .sistemco-header.is-mobile-nav-open .sistemco-nav {
    transform: translateX(0);
  }

  .sistemco-header.is-mobile-nav-open .sistemco-mobile-nav-toggle {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .sistemco-mobile-nav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    margin-top: 34px;
  }

  .sistemco-mobile-nav-close,
  .sistemco-mobile-subnav-toggle {
    display: inline-flex;
  }

  .sistemco-nav-item {
    width: 100%;
    margin-bottom: 12px;
  }

  .sistemco-nav-item > a {
    width: 100%;
    min-height: 44px;
    padding: 0 44px 0 14px;
    border: 0;
    justify-content: flex-start;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    background: transparent !important;
    color: #fff !important;
    gap: 12px;
  }

  .sistemco-nav-item.has-children > a::after {
    display: none;
  }

  .sistemco-nav-item > a::before {
    background-color: #fff;
  }

  .sistemco-subnav {
    position: static;
    min-width: 100%;
    max-height: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    transform: none;
    box-shadow: none;
    border: 0;
    transition: max-height 0.24s ease;
    background: transparent;
    padding-left: 18px;
  }

  .sistemco-nav-item.is-subnav-open .sistemco-subnav,
  .sistemco-nav-item.is-active .sistemco-subnav {
    max-height: 420px;
  }

  .sistemco-subnav a {
    padding: 10px 0 10px 18px;
    border-bottom: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.82);
    background: transparent !important;
  }
}

.sistemco-mobile-nav-toggle > span:last-child {
  display: none !important;
}

@media (min-width: 1200px) {
  .sistemco-about {
    text-align: center;
    padding-top: 164px !important;
    padding-bottom: 34px;
  }

  .sistemco-narrow {
    width: min(calc(100% - (var(--sistemco-page-gutter) * 2)), 860px);
    margin-top: 0 !important;
  }

  .sistemco-mobile-nav-toggle {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .sistemco-header-inner {
    position: relative !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 78px !important;
    padding: 0 !important;
    max-width: 92% !important;
  }

  .sistemco-mobile-nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #b01f6b 0%, #921958 100%) !important;
    color: #fff !important;
    box-shadow: 0 14px 24px rgba(145, 24, 86, 0.24) !important;
    margin-left: auto !important;
    gap: 0 !important;
    z-index: 95 !important;
  }

  .sistemco-mobile-nav-toggle > span:last-child {
    display: none !important;
  }

  .sistemco-nav {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(78vw, 295px) !important;
    padding: 18px 20px 28px !important;
    margin-left: 0 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #272727 !important;
    box-shadow: -18px 0 42px rgba(6, 3, 5, 0.36) !important;
    transform: translateX(100%) !important;
    transition: transform 0.28s ease !important;
    z-index: 90 !important;
    overflow-y: auto !important;
  }

  .sistemco-header.is-mobile-nav-open::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(17, 8, 13, 0.56) !important;
    z-index: 85 !important;
  }

  .sistemco-header.is-mobile-nav-open .sistemco-nav {
    transform: translateX(0) !important;
  }

  .sistemco-header.is-mobile-nav-open .sistemco-mobile-nav-toggle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .sistemco-mobile-nav-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 22px !important;
    border-bottom: 0 !important;
    margin-top: 34px !important;
  }

  .sistemco-mobile-nav-title {
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }

  .sistemco-mobile-nav-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    font-size: 0 !important;
    font-weight: 700 !important;
  }

  .sistemco-mobile-nav-close::before {
    content: "\00d7" !important;
    font-size: 30px !important;
    line-height: 1 !important;
  }

  .sistemco-nav-item {
    width: 100% !important;
    margin-bottom: 12px !important;
    border-bottom: 0 !important;
  }

  .sistemco-nav-item > a {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 44px 0 14px !important;
    border: 0 !important;
    justify-content: flex-start !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    background: transparent !important;
    color: #fff !important;
    gap: 12px !important;
  }

  .sistemco-nav-item.has-children > a::after {
    display: none !important;
  }

  .sistemco-nav-item > a::before {
    background-color: #fff !important;
  }

  .sistemco-nav-item.is-active > a,
  .sistemco-nav-item > a:hover,
  .sistemco-nav-item > a:focus-visible,
  .sistemco-nav-item.has-children:hover > a,
  .sistemco-nav-item.has-children:focus-within > a {
    background: #b01f6b !important;
    color: #fff !important;
  }

  .sistemco-nav-item > a:hover + .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item > a:focus-visible + .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.has-children:hover > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.has-children:focus-within > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-active > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle {
    background: #b01f6b !important;
    color: #fff !important;
  }

  .sistemco-subnav {
    position: static !important;
    min-width: 100% !important;
    max-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    transition: max-height 0.24s ease !important;
    background: transparent !important;
    padding-left: 18px !important;
  }

  .sistemco-nav-item.is-subnav-open .sistemco-subnav,
  .sistemco-nav-item.is-active .sistemco-subnav {
    max-height: 420px !important;
  }

  .sistemco-subnav a {
    display: block !important;
    padding: 10px 0 10px 18px !important;
    border-bottom: 0 !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    background: transparent !important;
  }

  .sistemco-subnav a.is-active {
    color: #fff !important;
    font-weight: 700 !important;
  }

  .sistemco-mobile-subnav-toggle {
    position: absolute !important;
    top: 3px !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(158, 28, 90, 0.08) !important;
    color: var(--sistemco-brand) !important;
  }

  .sistemco-mobile-subnav-toggle span {
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) translateY(-1px) !important;
    transition: transform 0.2s ease !important;
  }

  .sistemco-nav-item:hover > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item:focus-within > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-active > .sistemco-mobile-subnav-toggle,
  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle {
    color: #fff !important;
  }

  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle span {
    transform: rotate(-135deg) translateX(-1px) !important;
  }
}

@media (max-width: 1825px) {
  .sistemco-mobile-subnav-toggle {
    line-height: 0 !important;
    flex: 0 0 38px !important;
  }

  .sistemco-mobile-subnav-toggle span {
    display: block !important;
    box-sizing: border-box !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform-origin: center !important;
    transform: rotate(45deg) translateY(-1px) !important;
  }

  .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle span {
    transform: rotate(-135deg) translateX(-1px) !important;
  }

  .sistemco-services-listing {
    padding: 80px 0px 64px;
  }

  .sistemco-services-count {
    margin-bottom: 26px;
    color: #71738c;
    font-size: 15px;
    margin-left: 101px;
  }
}

@media (max-width: 1501px) {
  .sistemco-services-count {
    margin-bottom: 26px;
    color: #71738c;
    font-size: 15px;
    margin-left: 0 !important;
  } 
}

@media (max-width: 1299px) {
  .sistemco-brands-cta-card {
    padding: 56px 0px 48px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #87184d 0%, #b01f6b 100%);
  }
}

@media (min-width: 1101px) and (max-width: 1847px){
  .sistemco-brands-advantage-list {
    display: grid;
    gap: 0px !important;
  }

  .sistemco-brands-intro h2, .sistemco-brands-section-heading h2, .sistemco-brands-advantages-content h2 {
    margin: 0 !important;
    color: #b11f6b;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.03em;
  }

  .sistemco-brands-advantages-grid {
    display: grid;
    grid-template-columns: minmax(360px, 513px) minmax(0, 1fr) !important;
    gap: 36px;
    align-items: center;
  }
}

@media (max-width: 1287px) {
  .sistemco-brands-intro {
    padding: 23px 0px 23px !important;
  }
}

@media (min-width: 1501px) and (max-width: 1800px) {
  .sistemco-projects-listing {
    padding: 82px 0px 78px !important;
  }
}

@media (min-width: 1280px) and (max-width: 1551px) {
  .sistemco-product-detail-hero {
    padding: 22px 0px 74px !important;
  }

  .sistemco-product-detail-specs {
    padding: 74px 0px 42px;
    background: #fbf8fb;
  }

  .sistemco-product-detail-content {
    padding: 36px 0px 26px;
  }

  .sistemco-product-detail-related {
    padding: 28px 0px 38px;
  }
}

@media (max-width: 1000px) {
  .sistemco-product-detail-hero {
    padding: 22px 0px 74px !important;
  }

  .sistemco-product-detail-specs {
    padding: 0px 0px 42px !important;
    background: #fbf8fb;
  }
}

/* Responsive audit sweep */
.sistemco-about-banner,
.sistemco-about-intro,
.sistemco-about-story,
.sistemco-about-values,
.sistemco-about-cta,
.sistemco-history-banner,
.sistemco-history-intro,
.sistemco-history-timeline,
.sistemco-history-cta-section,
.sistemco-motto-banner,
.sistemco-motto-intro,
.sistemco-motto-benefits,
.sistemco-motto-cta-section,
.sistemco-quality-banner,
.sistemco-quality-intro,
.sistemco-quality-sections,
.sistemco-quality-tip-section,
.sistemco-quality-cta-section,
.sistemco-services-banner,
.sistemco-services-listing,
.sistemco-services-cta,
.sistemco-products-banner,
.sistemco-products-listing,
.sistemco-products-results,
.sistemco-products-cta,
.sistemco-projects-banner,
.sistemco-projects-listing,
.sistemco-projects-cta,
.sistemco-brands-banner,
.sistemco-brands-intro,
.sistemco-brands-grid-section,
.sistemco-brands-advantages,
.sistemco-brands-cta,
.sistemco-page-hero,
.sistemco-contact-section,
.sistemco-contact-map-section,
.sistemco-service-detail-banner,
.sistemco-service-detail-intro,
.sistemco-service-detail-related,
.sistemco-service-detail-cta,
.sistemco-product-detail-hero,
.sistemco-product-detail-specs,
.sistemco-product-detail-content,
.sistemco-product-detail-related,
.sistemco-product-detail-cta,
.sistemco-project-detail-hero,
.sistemco-project-detail-content,
.sistemco-project-detail-cta,
.sistemco-search-hero,
.sistemco-search-section,
.sistemco-login-hero,
.sistemco-login-section,
.sistemco-error-hero,
.sistemco-error-section {
  padding-inline: 0 !important;
}

.sistemco-about-banner h1,
.sistemco-history-banner h1,
.sistemco-motto-banner h1,
.sistemco-quality-banner h1,
.sistemco-services-banner h1,
.sistemco-products-banner h1,
.sistemco-projects-banner h1,
.sistemco-brands-banner h1,
.sistemco-page-hero h1,
.sistemco-service-detail-banner h1,
.sistemco-project-detail-hero h1,
.sistemco-product-detail-summary h1,
.sistemco-search-hero h1,
.sistemco-login-hero h1,
.sistemco-error-hero h1 {
  font-size: clamp(2rem, 4vw, 2.7rem);
  line-height: 1.08;
}

.sistemco-about-copy h2,
.sistemco-history-intro h2,
.sistemco-motto-intro h2,
.sistemco-quality-intro h2,
.sistemco-services-listing h2,
.sistemco-brands-intro h2,
.sistemco-brands-section-heading h2,
.sistemco-brands-advantages-content h2,
.sistemco-service-detail-content h2,
.sistemco-product-detail-features h2,
.sistemco-product-detail-specs h2,
.sistemco-product-detail-copy h2,
.sistemco-product-detail-related h2,
.sistemco-product-detail-cta-card h2 {
  font-size: clamp(1.6rem, 2.7vw, 2.05rem);
  line-height: 1.15;
  text-align: center;
}
.sistemco-project-detail-cta-card h2 {
  font-size: clamp(1.6rem, 2.7vw, 2.05rem);
  line-height: 1.15;
  text-align: center;
}
.sistemco-motto-cta-card h2, .sistemco-about-cta-card h2, .sistemco-history-cta-card h2, .sistemco-quality-cta-card h2{
  font-size: clamp(1.6rem, 2.7vw, 2.05rem);
  line-height: 1.15;
  text-align: center;
  margin: 0 0 7px;
}

@media (max-width: 1280px) {
  .sistemco-center-link {
    text-align: center;
    margin-top: 68px;
  }

  .sistemco-product-card {
    border: 1px solid var(--sistemco-border);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  }

  .sistemco-section-heading {
    text-align: center;
    margin-bottom: 0;
    margin-top: -42px;
  }

  .sistemco-narrow {
    width: min(calc(100% - (var(--sistemco-page-gutter) * 2)), 860px);
    margin-top: 46px;
  }

  .sistemco-about-intro-grid,
  .sistemco-about-story-grid,
  .sistemco-brands-advantages-grid,
  .sistemco-service-detail-intro-grid,
  .sistemco-product-detail-grid,
  .sistemco-project-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(24px, 3vw, 36px);
  }

  .sistemco-history-timeline-inner,
  .sistemco-about-values-grid,
  .sistemco-brands-grid,
  .sistemco-brands-advantage-list,
  .sistemco-product-detail-spec-grid,
  .sistemco-product-detail-related-grid,
  .sistemco-projects-grid,
  .sistemco-products-grid,
  .sistemco-services-grid {
    gap: clamp(18px, 2.4vw, 28px);
  }

  .sistemco-products-controls-card,
  .sistemco-about-cta-card,
  .sistemco-motto-cta-card,
  .sistemco-history-cta-card,
  .sistemco-quality-cta-card,
  .sistemco-brands-cta-card,
  .sistemco-product-detail-cta-card,
  .sistemco-project-detail-cta-card,
  .sistemco-contact-card,
  .sistemco-search-card,
  .sistemco-login-card,
  .sistemco-error-card {
    border-radius: clamp(18px, 2vw, 28px);
  }
}

@media (max-width: 991px) {
  .sistemco-brand-column {
    margin-bottom: auto;
  }
  .sistemco-about-intro-grid,
  .sistemco-about-story-grid,
  .sistemco-brands-advantages-grid,
  .sistemco-service-detail-intro-grid,
  .sistemco-product-detail-grid,
  .sistemco-project-detail-grid,
  .sistemco-quality-tip-grid,
  .sistemco-contact-layout,
  .sistemco-search-layout,
  .sistemco-login-layout,
  .sistemco-error-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .sistemco-about-story-grid.is-reversed .sistemco-about-image-wrap,
  .sistemco-about-story-grid.is-reversed .sistemco-about-copy,
  .sistemco-product-detail-media,
  .sistemco-product-detail-summary,
  .sistemco-project-detail-media,
  .sistemco-project-detail-summary {
    order: initial;
  }

  .sistemco-about-intro-grid .sistemco-about-image-wrap {
    order: 1;
  }

  .sistemco-about-intro-grid .sistemco-about-copy {
    order: 2;
  }

  .sistemco-products-results-toolbar,
  .sistemco-product-detail-cta-actions,
  .sistemco-project-detail-cta-actions,
  .sistemco-contact-form-actions {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .sistemco-product-detail-primary,
  .sistemco-product-detail-icon,
  .sistemco-product-detail-cta-primary,
  .sistemco-product-detail-cta-secondary,
  .sistemco-project-detail-cta-button,
  .sistemco-contact-submit {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .sistemco-product-category {
    color: var(--sistemco-brand);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1px;
  }

  .sistemco-product-card h3{
    color: #9e1c5a;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: -1px;
  }

  .sistemco-project-card{
    padding: 0;
  }
  .sistemco-topbar-left,
  .sistemco-topbar-right,
  .sistemco-product-detail-breadcrumb,
  .sistemco-project-detail-breadcrumb,
  .sistemco-search-breadcrumb,
  .sistemco-error-breadcrumb,
  .sistemco-login-breadcrumb {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .sistemco-history-item,
  .sistemco-about-value-card,
  .sistemco-brand-card,
  .sistemco-product-card,
  .sistemco-service-card,
  .sistemco-product-detail-spec-item {
    padding: clamp(18px, 5vw, 24px);
  }

  .sistemco-product-card p {
    color: #777;
    font-size: 0.92rem;
    line-height: 1.65;
    margin-bottom: -36px;
  }

  .sistemco-product-grid{
    display: grid;
    gap: 52px;
  }

  .sistemco-products-controls-card,
  .sistemco-about-cta-card,
  .sistemco-motto-cta-card,
  .sistemco-history-cta-card,
  .sistemco-quality-cta-card,
  .sistemco-brands-cta-card,
  .sistemco-product-detail-cta-card,
  .sistemco-project-detail-cta-card,
  .sistemco-contact-card,
  .sistemco-search-card,
  .sistemco-login-card,
  .sistemco-error-card {
    padding: clamp(20px, 5vw, 28px) !important;
  }
}

@media (max-width: 479px) {
  .sistemco-shell {
    width: min(calc(100% - 24px), var(--sistemco-shell));
  }

  .sistemco-about-banner h1,
  .sistemco-history-banner h1,
  .sistemco-motto-banner h1,
  .sistemco-quality-banner h1,
  .sistemco-services-banner h1,
  .sistemco-products-banner h1,
  .sistemco-projects-banner h1,
  .sistemco-brands-banner h1,
  .sistemco-page-hero h1,
  .sistemco-service-detail-banner h1,
  .sistemco-project-detail-hero h1,
  .sistemco-product-detail-summary h1,
  .sistemco-search-hero h1,
  .sistemco-login-hero h1,
  .sistemco-error-hero h1 {
    font-size: clamp(1.75rem, 9vw, 2.25rem);
  }
}

@media (max-width: 497px) {
  .sistemco-view-all {
    border: 2px solid #64a2fd;
    color: #1473fd;
    padding: 8px 16px;
    font-size: 18px;
    border-radius: 1rem;
    font-weight: 400;
    margin-top: 50px;
  }

  .sistemco-narrow {
    width: min(calc(100% - (var(--sistemco-page-gutter) * 2)), 860px);
    margin-top: 86px;
  }

  .sistemco-footer {
    background: var(--sistemco-deep);
    color: rgba(255, 255, 255, 0.78);
    padding: 12px 7px 33px;;
  }

  .sistemco-nav-item:hover > .sistemco-mobile-subnav-toggle, .sistemco-nav-item:focus-within > .sistemco-mobile-subnav-toggle, .sistemco-nav-item.is-active > .sistemco-mobile-subnav-toggle, .sistemco-nav-item.is-subnav-open > .sistemco-mobile-subnav-toggle {
    color: #fff !important;
    margin-top: 0;
  }

  .sistemco-service-showcase-button {
    display: grid;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 40px;
    padding: 10px 22px;
    border-radius: 19px;
    background: #a51d61;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
  .sistemco-services-cta-button{
    display: grid;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    min-height: 40px;
    padding: 10px 22px;
    border-radius: 19px;
    background: #fff;
    color: #a51d61;
    font-size: 15px;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }

  .sistemco-product-grid, .sistemco-footer-grid {
    display: grid;
    gap: 57px;
  }
  .sistemco-service-grid{
    display: grid;
    gap: 9px;
  }

  .sistemco-history-timeline-inner, .sistemco-about-values-grid, .sistemco-brands-grid, .sistemco-brands-advantage-list, .sistemco-product-detail-spec-grid, .sistemco-product-detail-related-grid, .sistemco-projects-grid, .sistemco-products-grid, .sistemco-services-grid {
    gap: clamp(16px, 2.4vw, 28px);
  }

  .sistemco-project-showcase-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 40px;
    padding: 10px 22px;
    border-radius: 4px;
    background: #a51d61;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
  }

  .sistemco-search-card .form-submit, .sistemco-search-card input[type="submit"] {
    min-height: 45px;
    padding: 0 28px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #9e1c5a 0%, #bb2f75 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 18px 36px rgba(158, 28, 90, 0.22);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    margin-top: 14px;
  }
}

@media (max-width: 767.98px) {
  .sistemco-hero {
    min-height: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .sistemco-hero .sistemco-shell {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sistemco-hero-track,
  .sistemco-hero-inner {
    min-height: 0;
  }

  .sistemco-hero-slide {
    position: static;
    inset: auto;
    display: none;
    opacity: 1;
    visibility: visible;
    transition: none;
    background: transparent !important;
  }

  .sistemco-hero-slide.is-active {
    display: block;
  }

  .sistemco-hero-inner {
    display: block;
    padding: 0;
  }

  .sistemco-hero-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 282px;
    margin: 0 auto;
    padding: 0px;
    background: #2d003b;
    border-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .sistemco-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .sistemco-hero-card {
    width: 100%;
    height: 232px;
    padding: 28px 24px 34px;
    position: static;
    transform: none;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    background: linear-gradient(90deg, #89184d 0%, #bb2f75 100%);
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
  }

  .sistemco-hero-card h1,
  .sistemco-hero-card p {
    min-height: 0;
    max-width: 100%;
  }

  .sistemco-hero-card h1 {
    min-height: 42px;
    justify-content: center;
    text-align: center;
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.1;
  }

  .sistemco-hero-card p {
    min-height: 54px;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    font-size: 0.7rem;
    line-height: 1.6;
    padding: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .sistemco-hero-card .sistemco-button {
    margin-top: auto;
    align-self: center;
    min-height: 0;
    padding: 11px 18px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 0.8rem;
  }

  .sistemco-hero > .sistemco-shell:last-child {
    position: absolute;
    inset: 0;
    z-index: 4;
  }

  .sistemco-hero-arrow {
    position: absolute;
    top: 30%;
    width: 54px;
    height: 54px;
    transform: translateY(-56%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 999px;
    background: #c2b9be57;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(166, 31, 99, 0.22);
    cursor: pointer;
    font-size: xx-large;
    text-align: center;
    opacity: 1;
    z-index: 5;
    transition: transform 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
  }

  .sistemco-hero-arrow-left {
    left: 0;
  }

  .sistemco-hero-arrow-right {
    right: 0;
  }

  .sistemco-hero-dots {
    display: none;
  }
}

@media (max-width: 1280px) {
    .sistemco-narrow {
      width: 100% !important;
      margin-top: 105px !important;
    }
}

@media (max-width: 767px) {
  .sistemco-narrow {
    margin-top: 0 !important;
  }
  .sistemco-history-intro {
    padding: 23px 290px 0px;
  }
  .sistemco-quality-banner, .sistemco-services-banner, .sistemco-history-banner, .sistemco-motto-banner, .sistemco-about-banner {
    padding: 23px 0px 30px !important;
  }
  .sistemco-topbar, .top-bar{
    padding: 0 !important;
  }
  .sistemco-quality-intro {
    padding: 23px 0 18px;
  }
  .sistemco-services-listing{
    padding: 23px 0px 64px;
  }
  .sistemco-about-story-stack {
    gap: 2px;
  }
  .sistemco-brands-cta-card p, .sistemco-products-cta-card p, .sistemco-projects-cta-card p, .sistemco-hero-card p, .sistemco-about .sistemco-lead, .sistemco-section-heading p, .sistemco-mid-cta-card p, .sistemco-motto-cta-card p{
    font-size: 0.9rem;
  }
  .sistemco-button{
    font-size: 13px;
  }
  .sistemco-button-light{
    width: 83px;
  }
  .sistemco-center-link{
    margin-top: auto;
  }
  .sistemco-motto-benefits {
    padding: 63px 307px 21px
  }
  .sistemco-brands-intro .sistemco-shell, .sistemco-brands-section-heading p{
    text-align: left;
  }
  .sistemco-brand-card-logo{
    min-height: 0;
  }
  .sistemco-about-copy h2, .sistemco-history-intro h2, .sistemco-motto-intro h2, .sistemco-quality-intro h2, .sistemco-services-listing h2, .sistemco-brands-intro h2, .sistemco-brands-section-heading h2, .sistemco-brands-advantages-content h2, .sistemco-service-detail-content h2, .sistemco-product-detail-features h2, .sistemco-product-detail-specs h2, .sistemco-product-detail-copy h2, .sistemco-product-detail-related h2 {
    font-size: clamp(1.6rem, 2.7vw, 2.05rem);
    line-height: 1.15;
    text-align: left;
  }
  .sistemco-product-detail-cta-card h2{
    font-size: clamp(1.6rem, 2.7vw, 2.05rem);
    line-height: 1.15;
    text-align: center; 
  }
  .sistemco-newsletter input[type="email"] {
    padding: 0px 6px;
    font-size: 10px;
  }
  .sistemco-service-detail-intro {
    padding: 23px 274px 0;
  }
  .sistemco-projects-listing {
    padding: 0 290px 53px;
  }
  .sistemco-project-showcase-content h2{
      font-size: 1.5rem;
  }
  .sistemco-contact-map-section{
      margin-bottom: 21px;
  }
}
.sistemco-quality-documents { padding: 40px 0 56px; }
.sistemco-quality-documents h2 { margin: 0 0 24px; color: var(--sistemco-deep); }
.sistemco-quality-document { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--sistemco-border); border-top: 3px solid var(--sistemco-brand); border-radius: 12px; background: #fff; min-width: 0; box-shadow: 0 8px 28px rgba(43, 46, 51, .06); }
.sistemco-quality-document-heading { display: flex; flex: 1; align-items: center; gap: 12px; padding: 20px; }
.sistemco-quality-document-heading h3 { margin: 0; color: var(--sistemco-deep); font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
.sistemco-quality-document-icon { flex-shrink: 0; padding: 10px 8px; border-radius: 6px; background: #f8edf2; color: var(--sistemco-brand); font-size: 12px; font-weight: 700; }
.sistemco-quality-document-preview { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 240px; padding: 14px; overflow: hidden; border-block: 1px solid var(--sistemco-border); background: #f6f4f5; color: var(--sistemco-brand); text-align: center; }
.sistemco-quality-document-preview canvas { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; box-shadow: 0 2px 8px #00000012; }
.sistemco-quality-document-preview [hidden] { display: none; }
.sistemco-quality-document-preview:focus-visible { outline: 2px solid var(--sistemco-brand); outline-offset: -3px; }
.sistemco-quality-document-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 20px; }
.sistemco-quality-document-footer a { color: var(--sistemco-brand); font-size: 14px; font-weight: 600; text-decoration: none; padding: 8px 0; }
.sistemco-quality-document-footer a:hover { color: var(--sistemco-brand-dark); text-decoration: underline; }
.sistemco-quality-document-footer a:focus-visible { outline: 2px solid var(--sistemco-brand); outline-offset: 4px; }
.sistemco-project-category { display: flex; align-items: center; gap: 20px; max-width: 100%; margin: 24px 0; padding: 4px 20px 4px; border: 1px solid var(--sistemco-border); border-left: 3px solid var(--sistemco-brand); border-radius: 12px; background: #fff; text-decoration: none; color: var(--sistemco-deep); }
.sistemco-project-category-logo { flex: 0 0 100px; }
.sistemco-project-category-logo img { display: block; width: 100%; height: 64px; object-fit: contain; }
.sistemco-project-category-copy { min-width: 0; }
.sistemco-project-category-copy span { display: block; color: var(--sistemco-muted); font-size: 12px; margin-bottom: 4px; }
.sistemco-project-category-copy strong { display: block; font-size: 18px; overflow-wrap: anywhere; }
.sistemco-project-category-arrow { margin-left: auto; color: var(--sistemco-brand); }
.sistemco-project-category:hover { border-color: var(--sistemco-brand); color: var(--sistemco-brand); }
.sistemco-project-category:focus-visible { outline: 2px solid var(--sistemco-brand); outline-offset: 4px; }
@media (max-width: 480px) { .sistemco-project-category { gap: 12px; padding: 16px; } .sistemco-project-category-logo { flex-basis: 72px; } }
.sistemco-lexmark-overview { padding: 40px 0 56px; }
.sistemco-lexmark-overview-logo { padding: 40px 24px; background: #fff; border: 1px solid var(--sistemco-border); border-radius: 12px; }
.sistemco-lexmark-overview-logo img { display: block; width: 100%; max-height: 180px; object-fit: contain; }
.sistemco-lexmark-overview h3 { color: var(--sistemco-brand); font-size: 20px; margin: 24px 0 12px; }