/* Geometría efectiva aprobada en staging: ver components/header/QA-CLS.md.
   Se excluyen cinco declaraciones que no estaban en el CSS generado de Divi. */

/* ==========================================================
   GRUPO TECO
   HEADER + MEGA MENU V1.2
========================================================== */


/* ==========================================================
   DIVI THEME BUILDER
========================================================== */

.et-l--header:has(.teco-global-header-v12) {

  position: sticky !important;

  top: 0 !important;

  align-self: start;

  z-index: 99990 !important;

  overflow: visible !important;
}


.et-l--header:has(.teco-global-header-v12) .et_builder_inner_content,
.et-l--header:has(.teco-global-header-v12) .et_pb_section,
.et-l--header:has(.teco-global-header-v12) .et_pb_row,
.et-l--header:has(.teco-global-header-v12) .et_pb_column,
.et-l--header:has(.teco-global-header-v12) .et_pb_module,
.et-l--header:has(.teco-global-header-v12) .et_pb_code,
.et-l--header:has(.teco-global-header-v12) .et_pb_code_inner {

  overflow: visible !important;
}



/* ==========================================================
   RESET WRAPPERS DEL COMPONENTE
========================================================== */

body .et_pb_section:has(.teco-global-header-v12),
body .et_pb_section:has(.teco-global-header-v12) > .et_pb_row,
body .et_pb_section:has(.teco-global-header-v12) .et_pb_column,
body .et_pb_section:has(.teco-global-header-v12) .et_pb_module,
body .et_pb_section:has(.teco-global-header-v12) .et_pb_code,
body .et_pb_section:has(.teco-global-header-v12) .et_pb_code_inner {

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  overflow: visible !important;
}



.teco-global-header-v12,
.teco-global-header-v12 * {

  box-sizing: border-box;
}



/* ==========================================================
   VARIABLES
========================================================== */

.teco-global-header-v12 {

  --green: #a6b013;

  --green-dark: #7f8715;

  --green-soft: #c7ce66;

  --charcoal: #2d2e2b;

  --gold: #b9935a;

  --bg: #fbfbf8;

  --border:
    rgba(45,46,43,.11);

  --muted: #74766f;


  position: sticky;

  top: 0;

  z-index: 99991;


  width: 100%;


  font-family:
    "Manrope",
    Arial,
    sans-serif;


  color:
    var(--charcoal);


  background:
    rgba(255,255,252,.97);


  border-bottom:
    1px solid
    rgba(45,46,43,.08);


  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);


  transition:
    box-shadow .25s ease,
    background-color .25s ease;
}


.et-l--header:has(.teco-global-header-v12)
.teco-global-header-v12 {

  position: relative;

  top: auto;
}


.teco-global-header-v12.is-scrolled {

  background:
    rgba(255,255,252,.99);


  box-shadow:
    0 12px 36px
    rgba(30,32,26,.065);
}



/* ==========================================================
   BAR
========================================================== */

.teco-global-header-v12__bar {

  position: relative;

  z-index: 3;

  width: 100%;
}


.teco-global-header-v12__inner {

  position: relative;




  min-height: 88px;


  margin-inline: auto;


  display: flex;


  align-items: center;


  gap:
    clamp(
      18px,
      1.8vw,
      32px
    );


  transition:
    min-height .28s ease;
}


.teco-global-header-v12.is-scrolled
.teco-global-header-v12__inner {

  min-height: 72px;
}



/* ==========================================================
   LOGO
========================================================== */

.teco-global-header-v12__brand {

  flex: 0 0 auto;


  display: flex;


  align-items: center;


  margin-right:
    clamp(
      14px,
      2vw,
      38px
    );


  text-decoration: none !important;
}


.teco-global-header-v12__logo {

  display: block;

  height: auto;


  width:
    clamp(
      130px,
      10vw,
      168px
    );


  max-height: 48px;


  object-fit: contain;


  object-position: left center;


  transition:
    width .28s ease,
    transform .2s ease;
}


.teco-global-header-v12__brand:hover
.teco-global-header-v12__logo {

  transform:
    translateY(-1px);
}


.teco-global-header-v12.is-scrolled
.teco-global-header-v12__logo {

  width:
    clamp(
      120px,
      9vw,
      150px
    );
}



/* ==========================================================
   DESKTOP NAV
========================================================== */

.teco-global-header-v12__desktop-nav {

  min-width: 0;


  flex: 1;


  display: flex;


  align-items: stretch;


  justify-content: flex-end;


  gap: 2px;
}


.teco-nav-v12__item {

  position: static;


  display: flex;


  align-items: stretch;
}


.teco-nav-v12__trigger,
.teco-nav-v12__direct {

  position: relative;


  min-height: 48px;


  display: inline-flex;


  align-items: center;


  justify-content: center;


  gap: 6px;


  padding:
    0
    clamp(
      9px,
      .9vw,
      14px
    );


  border: 0;


  border-radius: 12px;


  cursor: pointer;


  text-decoration: none !important;


  font-family:
    "Manrope",
    Arial,
    sans-serif;


  font-size: 13px;


  font-weight: 650;


  line-height: 1;


  white-space: nowrap;


  color:
    #40413d !important;


  background:
    transparent;


  transition:
    color .2s ease,
    background-color .2s ease;
}


.teco-nav-v12__trigger:hover,
.teco-nav-v12__direct:hover,
.teco-nav-v12__trigger[aria-expanded="true"] {

  color:
    var(--green-dark) !important;


  background:
    rgba(166,176,19,.075);
}


.teco-nav-v12__chevron {

  position: relative;


  top: -1px;


  font-size: 10px;


  color:
    #8b8d85;


  transition:
    transform .22s ease;
}



/* ==========================================================
   CTA
========================================================== */

.teco-global-header-v12__cta {

  flex: 0 0 auto;


  min-height: 48px;


  display: inline-flex;


  align-items: center;


  justify-content: center;


  gap: 12px;


  padding:
    0
    20px;


  border-radius: 14px;


  text-decoration: none !important;


  font-size: 12.5px;


  font-weight: 750;


  white-space: nowrap;


  color: #fff !important;


  background:
    var(--green);


  box-shadow:
    0 8px 22px
    rgba(127,135,21,.16);


  transition:
    transform .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}


.teco-global-header-v12__cta:hover {

  transform:
    translateY(-2px);


  background:
    var(--green-dark);


  box-shadow:
    0 12px 28px
    rgba(127,135,21,.22);
}



/* ==========================================================
   MEGA MENU
========================================================== */

.teco-mega-v12 {

  position: absolute;


  left: 50%;


  top: 100%;


  z-index: 4;




  padding-top: 12px;


  pointer-events: none;


  visibility: hidden;


  opacity: 0;


  transform:
    translate(-50%,12px);


  transition:
    opacity .18s ease,
    transform .22s ease,
    visibility .22s ease;
}



/* ==========================================================
   APERTURA POR JS
========================================================== */

.teco-nav-v12__item.is-open
> .teco-mega-v12 {

  pointer-events: auto;


  visibility: visible;


  opacity: 1;


  transform:
    translate(-50%,0);
}



.teco-nav-v12__trigger[aria-expanded="true"]
.teco-nav-v12__chevron {

  transform:
    rotate(180deg);
}



/* ==========================================================
   MEGA SHELL
========================================================== */

.teco-mega-v12__shell {

  overflow: hidden;


  border:
    1px solid
    rgba(45,46,43,.11);


  border-radius: 24px;


  background:
    rgba(255,255,252,.995);


  box-shadow:
    0 28px 70px
    rgba(38,40,34,.15);
}



/* ==========================================================
   TOPLINE
========================================================== */

.teco-mega-v12__topline {

  min-height: 53px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 20px;


  padding:
    0
    26px;


  border-bottom:
    1px solid
    var(--border);


  font-size: 10px;


  font-weight: 750;


  letter-spacing: .13em;


  text-transform: uppercase;


  color:
    #777970;
}


.teco-mega-v12__topline a {

  text-decoration: none !important;


  color:
    var(--green-dark) !important;
}



/* ==========================================================
   GRID
========================================================== */

.teco-mega-v12__grid {

  display: grid;


  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    )
    minmax(270px,.92fr);


  padding:
    30px
    26px
    32px;
}


.teco-mega-v12__column {

  min-width: 0;


  padding:
    0
    24px;


  border-right:
    1px solid
    rgba(45,46,43,.085);
}


.teco-mega-v12__column:first-child {

  padding-left: 0;
}


.teco-mega-v12__column-title {

  margin:
    0
    0
    18px !important;


  padding: 0;


  font-size: 10px;


  font-weight: 800;


  line-height: 1.3;


  letter-spacing: .11em;


  text-transform: uppercase;


  color:
    #96988f;
}



/* ==========================================================
   LINKS
========================================================== */

.teco-mega-v12__link {

  position: relative;


  display: block;


  margin-bottom: 5px;


  padding:
    11px
    12px;


  border-radius: 11px;


  text-decoration: none !important;


  transition:
    background-color .18s ease,
    transform .18s ease;
}


.teco-mega-v12__link:hover {

  transform:
    translateX(2px);


  background:
    rgba(166,176,19,.07);
}


.teco-mega-v12__link-title {

  display: block;


  font-size: 13.5px;


  font-weight: 650;


  line-height: 1.42;


  color:
    #363733;
}


.teco-mega-v12__link-meta {

  display: block;


  margin-top: 3px;


  font-size: 9.5px;


  font-weight: 700;


  letter-spacing: .09em;


  color:
    var(--green-dark);
}



/* ==========================================================
   NESTED
========================================================== */

.teco-mega-v12__nested {

  margin-bottom: 5px;
}


.teco-mega-v12__nested
> .teco-mega-v12__link {

  margin-bottom: 4px;
}


.teco-mega-v12__nested
> a:not(.teco-mega-v12__link) {

  display: block;


  padding:
    4px
    12px
    4px
    25px;


  text-decoration: none !important;


  font-size: 11px;


  line-height: 1.45;


  color:
    #777970 !important;


  transition:
    color .18s ease;
}


.teco-mega-v12__nested
> a:not(.teco-mega-v12__link):hover {

  color:
    var(--green-dark) !important;
}


.teco-mega-v12__text-link {

  display: inline-block;


  margin-top: 10px;


  text-decoration: none !important;


  font-size: 11px;


  font-weight: 700;


  color:
    var(--green-dark) !important;
}



/* ==========================================================
   FEATURE
========================================================== */

.teco-mega-v12__feature {

  position: relative;


  min-width: 0;


  min-height: 285px;


  margin-left: 24px;


  padding: 25px;


  overflow: hidden;


  display: flex;


  flex-direction: column;


  justify-content: flex-end;


  border-radius: 20px;


  color: #fff;


  background:
    var(--charcoal);
}


.teco-mega-v12__feature-label {

  position: relative;


  z-index: 2;


  display: inline-block;


  margin-bottom: auto;


  font-size: 9px;


  font-weight: 750;


  letter-spacing: .12em;


  text-transform: uppercase;


  color:
    rgba(255,255,255,.62);
}


.teco-mega-v12__feature h3 {

  position: relative;


  z-index: 2;


  margin:
    36px
    0
    13px !important;


  padding: 0;


  font-family:
    "Newsreader",
    Georgia,
    serif;


  font-size:
    clamp(
      1.55rem,
      2vw,
      2.15rem
    );


  font-weight: 500;


  line-height: 1.02;


  letter-spacing: -.035em;


  color: #fff;
}


.teco-mega-v12__feature p {

  position: relative;


  z-index: 2;


  max-width: 310px;


  margin:
    0
    0
    22px !important;


  padding: 0;


  font-size: 11.5px;


  line-height: 1.65;


  color:
    rgba(255,255,255,.72);
}


.teco-mega-v12__feature-cta {

  position: relative;


  z-index: 2;


  min-height: 43px;


  display: inline-flex;


  align-items: center;


  justify-content: space-between;


  gap: 14px;


  padding:
    0
    15px;


  border:
    1px solid
    rgba(255,255,255,.16);


  border-radius: 12px;


  text-decoration: none !important;


  font-size: 11px;


  font-weight: 700;


  color: #fff !important;


  background:
    rgba(255,255,255,.065);


  transition:
    background-color .2s ease;
}


.teco-mega-v12__feature-cta:hover {

  background:
    rgba(255,255,255,.12);
}



/* ==========================================================
   SERVICIOS PANEL
========================================================== */

.teco-mega-v12__feature--services {

  background:
    linear-gradient(
      150deg,
      #34362d 0%,
      #252621 100%
    );
}


.teco-mega-v12__feature-orbit {

  position: absolute;


  right: -85px;


  top: -78px;


  width: 220px;


  height: 220px;


  border:
    1px solid
    rgba(199,206,102,.22);


  border-radius: 50%;
}


.teco-mega-v12__feature-orbit::before {

  content: "";


  position: absolute;


  inset: 35px;


  border:
    1px solid
    rgba(199,206,102,.13);


  border-radius: inherit;
}



/* ==========================================================
   BIOINSUMOS
========================================================== */

.teco-mega-v12__feature--bio {

  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(199,206,102,.28),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #303529,
      #1f251c
    );
}


.teco-mega-v12__feature--bio h3 {

  color:
    #dfe79e;
}


.teco-mega-v12__feature-plant {

  position: absolute;


  right: 18px;


  top: 18px;


  width: 100px;


  height: 110px;
}


.teco-mega-v12__feature-plant span {

  position: absolute;


  width: 56px;


  height: 28px;


  border-radius:
    100%
    0
    100%
    0;


  border:
    1px solid
    rgba(223,231,158,.22);


  transform:
    rotate(-32deg);
}


.teco-mega-v12__feature-plant span:nth-child(1) {

  top: 5px;

  right: 7px;
}


.teco-mega-v12__feature-plant span:nth-child(2) {

  top: 38px;

  right: 34px;


  transform:
    rotate(150deg);
}


.teco-mega-v12__feature-plant span:nth-child(3) {

  top: 70px;

  right: 4px;
}



/* ==========================================================
   TEAM
========================================================== */

.teco-mega-v12__feature--team {

  background:
    linear-gradient(
      145deg,
      #373831,
      #262722
    );
}


.teco-mega-v12__feature-teamdots {

  position: absolute;


  top: 25px;


  right: 25px;


  display: flex;
}


.teco-mega-v12__feature-teamdots span {

  width: 34px;


  height: 34px;


  margin-left: -8px;


  border:
    2px solid
    #30312d;


  border-radius: 50%;


  background:
    linear-gradient(
      135deg,
      #a6b013,
      #c7ce66
    );
}


.teco-mega-v12__feature-teamdots
span:nth-child(2) {

  background:
    linear-gradient(
      135deg,
      #b9935a,
      #d9bd8e
    );
}


.teco-mega-v12__feature-teamdots
span:nth-child(3) {

  background:
    linear-gradient(
      135deg,
      #73766d,
      #acafa6
    );
}


.teco-mega-v12__feature-teamdots
span:nth-child(4) {

  background:
    linear-gradient(
      135deg,
      #7f8715,
      #abb54b
    );
}



/* ==========================================================
   RESOURCE
========================================================== */

.teco-mega-v12__feature--resource {

  justify-content: flex-start;


  background:
    #2d2e2b;
}


.teco-mega-v12__resource-thumb {

  position: relative;


  z-index: 2;


  height: 92px;


  margin-top: 17px;


  display: grid;


  place-items: center;


  overflow: hidden;


  border-radius: 13px;


  background:
    radial-gradient(
      circle at 25% 30%,
      rgba(199,206,102,.32),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #52574a,
      #252721
    );
}


.teco-mega-v12__resource-thumb span {

  font-family:
    "Newsreader",
    Georgia,
    serif;


  font-size: 24px;


  letter-spacing: .05em;


  color:
    rgba(255,255,255,.88);
}


.teco-mega-v12__feature--resource h3 {

  margin-top:
    18px !important;


  font-family:
    "Manrope",
    Arial,
    sans-serif;


  font-size: 16px;


  line-height: 1.32;


  font-weight: 650;
}



/* ==========================================================
   FOOTER MEGA
========================================================== */

.teco-mega-v12__footer {

  min-height: 58px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 24px;


  padding:
    12px
    26px;


  border-top:
    1px solid
    var(--border);


  background:
    #f8f8f4;
}


.teco-mega-v12__footer-links {

  display: flex;


  flex-wrap: wrap;


  align-items: center;


  gap: 8px;


  font-size: 10.5px;


  color: #aaa;
}


.teco-mega-v12__footer-links a {

  text-decoration: none !important;


  color:
    #65675f !important;
}


.teco-mega-v12__footer-links a:hover {

  color:
    var(--green-dark) !important;
}


.teco-mega-v12__footer-main {

  flex: 0 0 auto;


  text-decoration: none !important;


  font-size: 11px;


  font-weight: 750;


  color:
    var(--green-dark) !important;
}


.teco-mega-v12__footer-note {

  font-size: 10.5px;


  color:
    #73756d;
}



/* ==========================================================
   BURGER
========================================================== */

.teco-global-header-v12__burger {

  display: none;


  width: 46px;


  height: 46px;


  padding: 0;


  border:
    1px solid
    rgba(45,46,43,.1);


  border-radius: 14px;


  cursor: pointer;


  background:
    #fff;
}


.teco-global-header-v12__burger span {

  display: block;


  width: 17px;


  height: 1.5px;


  margin:
    5px
    auto;


  border-radius: 20px;


  background:
    var(--charcoal);
}



/* ==========================================================
   MOBILE LAYER
========================================================== */

.teco-mobile-v12__layer {

  position: fixed;


  inset: 0;


  width: 100%;


  height: 100vh;


  height: 100dvh;


  z-index: 5;


  overflow: clip;


  pointer-events: none;
}



/* ==========================================================
   MOBILE BACKDROP
========================================================== */

.teco-mobile-v12__backdrop {

  position: absolute;


  inset: 0;


  z-index: 1;


  pointer-events: none;


  visibility: hidden;


  opacity: 0;


  background:
    rgba(22,23,20,.54);


  backdrop-filter:
    blur(4px);


  -webkit-backdrop-filter:
    blur(4px);


  transition:
    opacity .25s ease,
    visibility .25s ease;
}


.teco-global-header-v12.mobile-open
.teco-mobile-v12__backdrop {

  pointer-events: auto;


  visibility: visible;


  opacity: 1;
}



/* ==========================================================
   MOBILE DRAWER
========================================================== */

.teco-mobile-v12 {

  position: absolute;


  top: 0;


  right: 0;


  bottom: 0;


  z-index: 2;


  pointer-events: none;




  display: grid;


  grid-template-rows:
    auto
    minmax(0,1fr)
    auto;


  visibility: hidden;


  transform:
    translateX(105%);


  background:
    #fbfbf8;


  box-shadow:
    -30px 0 80px
    rgba(24,25,21,.18);


  transition:
    transform .3s cubic-bezier(.2,.7,.2,1),
    visibility .3s ease;
}


.teco-global-header-v12.mobile-open
.teco-mobile-v12 {

  pointer-events: auto;


  visibility: visible;


  transform:
    translateX(0);
}



/* ==========================================================
   MOBILE HEADER
========================================================== */

.teco-mobile-v12__header {

  min-height: 82px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 20px;


  padding:
    15px
    20px;


  border-bottom:
    1px solid
    var(--border);
}


.teco-mobile-v12__brand {

  display: block;


  text-decoration: none !important;
}


.teco-mobile-v12__brand img {

  display: block;

  height: auto;


  width: 145px;


  max-height: 46px;


  object-fit: contain;


  object-position: left center;
}


.teco-mobile-v12__close {

  width: 42px;


  height: 42px;


  display: grid;


  place-items: center;


  padding: 0;


  border:
    1px solid
    var(--border);


  border-radius: 50%;


  cursor: pointer;


  font-size: 24px;


  font-weight: 300;


  color:
    var(--charcoal);


  background:
    transparent;
}



/* ==========================================================
   MOBILE CONTENT
========================================================== */

.teco-mobile-v12__content {

  overflow-y: auto;


  overscroll-behavior:
    contain;


  padding:
    12px
    20px
    30px;
}


.teco-mobile-v12__group {

  border-bottom:
    1px solid
    var(--border);
}


.teco-mobile-v12__group-trigger {

  width: 100%;


  min-height: 62px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 20px;


  padding: 0;


  border: 0;


  cursor: pointer;


  text-align: left;


  font-family:
    "Manrope",
    Arial,
    sans-serif;


  font-size: 15px;


  font-weight: 700;


  color:
    var(--charcoal);


  background:
    transparent;
}


.teco-mobile-v12__group-trigger
span:last-child {

  font-size: 20px;


  font-weight: 300;


  color:
    var(--green-dark);


  transition:
    transform .2s ease;
}


.teco-mobile-v12__group.is-open
.teco-mobile-v12__group-trigger
span:last-child {

  transform:
    rotate(45deg);
}



/* ==========================================================
   MOBILE SUBMENU
========================================================== */

.teco-mobile-v12__submenu {

  max-height: 0;


  overflow: hidden;


  opacity: 0;


  transition:
    max-height .35s ease,
    opacity .25s ease;
}


.teco-mobile-v12__group.is-open
.teco-mobile-v12__submenu {

  max-height: 1200px;


  padding-bottom: 20px;


  opacity: 1;
}


.teco-mobile-v12__submenu p {

  margin:
    16px
    0
    8px !important;


  padding: 0;


  font-size: 9.5px;


  font-weight: 800;


  letter-spacing: .11em;


  text-transform: uppercase;


  color:
    #9b9d94;
}


.teco-mobile-v12__submenu a {

  display: block;


  padding:
    7px
    0;


  text-decoration: none !important;


  font-size: 12.5px;


  line-height: 1.45;


  color:
    #4e504a !important;
}


.teco-mobile-v12__submenu-main {

  margin-top: 12px;


  padding-top:
    14px !important;


  border-top:
    1px solid
    var(--border);


  font-weight: 750;


  color:
    var(--green-dark) !important;
}



/* ==========================================================
   DIRECTOS
========================================================== */

.teco-mobile-v12__direct {

  min-height: 62px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 20px;


  border-bottom:
    1px solid
    var(--border);


  text-decoration: none !important;


  font-size: 15px;


  font-weight: 700;


  color:
    var(--charcoal) !important;
}


.teco-mobile-v12__direct
span:last-child {

  color:
    var(--green-dark);
}



/* ==========================================================
   MOBILE CTA
========================================================== */

.teco-mobile-v12__footer {



  border-top:
    1px solid
    var(--border);


  background:
    #fff;
}


.teco-mobile-v12__footer a {

  min-height: 52px;


  display: flex;


  align-items: center;


  justify-content: space-between;


  gap: 20px;


  padding:
    0
    18px;


  border-radius: 14px;


  text-decoration: none !important;


  font-size: 13px;


  font-weight: 750;


  color: #fff !important;


  background:
    var(--green);
}



/* ==========================================================
   TABLET / MOBILE
========================================================== */

@media (max-width: 1180px) {

  .teco-global-header-v12,
  .teco-mobile-v12__backdrop,
  .teco-mobile-v12 {

    backdrop-filter: none;

    -webkit-backdrop-filter: none;
  }


  .teco-mobile-v12 {

    isolation: isolate;

    filter: none;

    opacity: 1;
  }

  .teco-global-header-v12__inner {



    min-height: 76px;
  }


  .teco-global-header-v12__desktop-nav,
  .teco-global-header-v12__cta {

    display: none;
  }


  .teco-global-header-v12__brand {

    margin-right: auto;
  }


  .teco-global-header-v12__logo {

    width: 145px;
  }


  .teco-global-header-v12__burger {

    display: block;
  }

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 520px) {

  .teco-global-header-v12__logo {

    width: 132px;
  }

}



/* ==========================================================
   LOCK
========================================================== */

body.teco-mobile-v12-open {

  overflow: hidden !important;
}



/* ==========================================================
   FOCUS
========================================================== */

.teco-global-header-v12
a:focus-visible,

.teco-global-header-v12
button:focus-visible {

  outline:
    2px solid
    var(--green);


  outline-offset: 3px;
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

  .teco-global-header-v12,
  .teco-global-header-v12 * {

    transition:
      none !important;
  }

}