@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --Yellow-Brand: #F2A830;
  --Dark-Blue-Brand: #305296;
  --Light-Blue-Brand: #81D8D0;
  --Grey-Brand: #F2F2F2;
  --Neutral-600: #121212;
  --Neutral-500: #393939;
  --Neutral-400: #626262;
  --Neutral-300: #9A9A9A;
  --Neutral-200: #CACACA;
  --Neutral-100: #F1F1F1;
  --Neutral-0: #FFFFFF;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
}

ul {
  padding: 0;
  margin: 0 !important;
}

a:visited {
  color: var(--Neutral-0) !important;
}

/*--- SLIDER ---*/
.slick-prev {
  left: 16px !important;
  z-index: 9;
  width: 54px !important;
  height: 54px !important;
}

.slick-prev:before {
  background: url('data:image/svg+xml,<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="52" height="52" rx="26" fill="white"/><rect x="1" y="1" width="52" height="52" rx="26" stroke="%23F2F2F2" stroke-width="2"/><g clip-path="url(%23clip0_51_566)"><path d="M20.5102 25.98L29.013 17.4776C29.4229 17.0677 30.0879 17.0677 30.4978 17.4776L31.4897 18.4695C31.8992 18.879 31.8996 19.5422 31.4914 19.9526L24.7526 26.7225L31.491 33.4928C31.8996 33.9031 31.8987 34.5664 31.4892 34.9759L30.4974 35.9677C30.0875 36.3776 29.4225 36.3776 29.0125 35.9677L20.5102 27.4649C20.1002 27.055 20.1002 26.39 20.5102 25.98Z" fill="%23F2A830"/></g><defs><clipPath id="clip0_51_566"><rect width="14" height="29.4" fill="white" transform="translate(19 15.5225)"/></clipPath></defs></svg>') no-repeat center;
  background-size: 54px;
  width: 54px;
  display: block;
  height: 54px;
  color: transparent !important;
  opacity: 1 !important;
}

.slick-next {
  right: 16px !important;
  z-index: 9;
  width: 54px !important;
  height: 54px !important;
}

.slick-next:before {
  background: url('data:image/svg+xml,<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="52" height="52" rx="26" fill="white"/><rect x="1" y="1" width="52" height="52" rx="26" stroke="%23F2F2F2" stroke-width="2"/><g clip-path="url(%23clip0_51_571)"><path d="M33.4893 27.465L24.9868 35.9675C24.5767 36.3775 23.9119 36.3775 23.5019 35.9675L22.5102 34.9758C22.1008 34.5664 22.1 33.9029 22.5084 33.4926L29.2468 26.7225L22.5084 19.9524C22.1 19.5421 22.1008 18.8786 22.5102 18.4692L23.5019 17.4775C23.9119 17.0675 24.5768 17.0675 24.9868 17.4775L33.4893 25.98C33.8994 26.3901 33.8994 27.0549 33.4893 27.465Z" fill="%23F2A830"/></g><defs><clipPath id="clip0_51_571"><rect width="14" height="29.4" fill="white" transform="translate(21 15.5225)"/></clipPath></defs></svg>') no-repeat center;
  background-size: 54px;
  width: 54px;
  display: block;
  height: 54px;
  color: transparent !important;
  opacity: 1 !important;

}

.slick-dots {
  display: flex !important;
}

.slick-dots li {
  margin: 0 !important;
  width: -webkit-fill-available !important;
  height: fit-content !important;
}

.slick-dots li button {
  width: 100% !important;
  padding: 0 !important;
  height: 4px !important;

  &::before {
    width: 100% !important;
    height: 4px !important;
    background-color: var(--Grey-Brand) !important;
    font-family: none !important;
    opacity: 1 !important;
  }
}

.slick-dots li.slick-active button {
  &::before {
    background-color: #F2A830 !important;
  }
}

/*--- SLIDER ---*/

/*--- HEADER ---*/

.wc-header {
  display: flex;
  align-items: center;
  gap: 36px;
  background: #305296CC;
  backdrop-filter: blur(4px);
  width: 94%;
  margin: 0 auto;
  border-radius: 6px;
  padding: 11px 10px;
  justify-content: center;
  position: fixed;
  z-index: 5;
  left: 0;
  right: 0;
  top: 24px;
}

.wc-header-branding .site-title {
  display: none;
}

.wc-header-branding a {
  display: block;
}

.wc-header-branding img {
  width: 143px;
  display: block;
}

.wc-header-search .widget_search {
  margin-bottom: 0;
}

.wc-header-search .widget_search .wp-block-search__inside-wrapper {
  height: 30px;
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
  padding: 0 10px;
  border-radius: 6px;
  max-width: 192px;
  width: 100%;
}

.wc-header-search .widget_search .wp-block-search__input {
  border: none;
  padding: 0;
  height: 27px;

  &::placeholder {
    font-family: "Montserrat Alternates", sans-serif;
    color: var(--Neutral-400);
  }
}

.wc-header-search .widget_search button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;

  &::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 17L12 13" stroke="%23626262" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.25 14.25C11.5637 14.25 14.25 11.5637 14.25 8.25C14.25 4.93629 11.5637 2.25 8.25 2.25C4.93629 2.25 2.25 4.93629 2.25 8.25C2.25 11.5637 4.93629 14.25 8.25 14.25Z" stroke="%23626262" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: 18px;
  }
}


.wc-header-search .widget_search button svg {
  display: none;
}

.wc-header .main-navigation {
  width: fit-content;
}

.main-navigation .custom-logo-link,
.main-navigation .site-title,
.wc-header-search__button {
  display: none;
}

.wc-header .nav-menu {
  gap: 48px;
  align-items: center;
}

.wc-header .menu-item {
  height: fit-content;
}

.wc-header .menu-item a {
  color: var(--Neutral-0);
  font-size: 14px;

  &:hover {
    color: var(--Neutral-0);
  }
}

.wc-header .menu-item-has-children {
  position: relative;

  &::after {
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    background: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    background-size: 16px 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto;
  }

  &:hover {

    &::after {
      transform: rotate(180deg);

    }
  }
}

.wc-header .menu-item-has-children .sub-menu {
  background: var(--Dark-Blue-Brand);
  backdrop-filter: blur(4px);
  padding: 10px;
  gap: 24px;
}

.wc-header-links {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.wc-header-links__text {
  color: var(--Neutral-0);
  font-size: 14px;
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 45px;
  gap: 4px;

  &:hover {
    color: var(--Neutral-0);
  }
}


.wc-header-links__whats {
  background-color: #00A31B;
  padding: 12px 8px;
  border-radius: 4px;
}

/*--- HEADER ---*/
/*--- FOOTER ---*/

.wc-footer {
  display: flex;
  align-items: center;
}

.wc-footer-row.blue {
  background-color: var(--Dark-Blue-Brand);
  padding: 55px 162px 26px 71px;
  width: 100%;
}

.wc-footer-col.nav {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}

.wc-footer-nav h3 {
  font-family: "Montserrat", sans-serif;
  color: var(--Neutral-0);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

.menu-footer-container ul, 
.menu-categorias-container ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.menu-footer-container .menu-item a ,
.menu-categorias-container .menu-item a {
  color: var(--Neutral-0);
  font-size: 14px;
  text-decoration: none;

  &:hover {
    color: var(--Neutral-0);
  }
}

.wc-footer-nav p {
  margin: 0;
  color: var(--Neutral-0);
  font-size: 14px;
}

.wc-footer-nav.contact a {
  color: var(--Neutral-0);
  font-size: 14px;
  display: block;
  text-decoration: none;
  margin-top: 16px;

  &:hover {
    color: var(--Neutral-0);
  }
}

.wc-footer-nav.contact ul {
  list-style-position: inside;
  margin-left: 5px !important;
}

.wc-footer-nav.contact ul li {
  color: var(--Neutral-0);
  font-size: 14px;
}

.wc-footer-col.copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 45px;
}

.wc-footer-col.copyright p {
  margin: 0;
  color: var(--Neutral-0);
}

.wc-footer-col.copyright a img {
  display: block;
  width: 90px;
}

.wc-footer-row.logo img {
  display: block;
  width: 226px;
  margin-top: 25px;
}

.wc-footer-row.newslatter {
  background-color: var(--Yellow-Brand);
  color: var(--Neutral-0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: -webkit-fill-available;
  padding: 0 24px;
  max-width: 398px;
}

.wc-footer-row.newslatter h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 32px;
}

.wc-footer-row.newslatter p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

.wc-footer-row.newslatter .nf-form-cont .email-wrap .nf-field-label,
.wc-footer-row.newslatter .nf-form-cont .nf-before-form-content {
  display: none;
}



.wc-footer-row.newslatter .nf-form-cont .email-wrap input {
  width: 100%;
  height: 36px;
  background-color: transparent !important;
  color: var(--Neutral-0);
  border: 1px solid var(--Neutral-0);
  padding-left: 8px;
  padding-right: 140px;
  margin-top: 18px;
  outline: none;


  &::placeholder {
    font-family: "Montserrat Alternates", sans-serif;
    color: var(--Neutral-0);
    font-size: 14px;
    font-weight: 600;
  }

  &:-webkit-autofill {
    -webkit-text-fill-color: var(--Neutral-0) !important;
  }

  &:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px var(--Yellow-Brand) inset;
  }
}

.wc-footer-row.newslatter .nf-form-cont .checkbox-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.wc-footer-row.newslatter .nf-form-cont .checkbox-wrap .nf-field-label {
  padding: 0;
}

.wc-footer-row.newslatter .nf-form-cont .checkbox-wrap label {
  font-size: 12px;
  font-weight: 300;

  .ninja-forms-req-symbol {
    display: none;
  }
}

.wc-footer-row.newslatter .nf-form-content {
  position: relative;
}

.wc-footer-row.newslatter .nf-form-content #nf-field-5-container {
  position: absolute;
  top: 20px;
  right: 4px;

}

#nf-field-5 {
  background-color: var(--Neutral-100);
  width: 132px;
  height: 32px;
  color: var(--Neutral-600);
  font-weight: 600;
  font-size: 14px;
  backdrop-filter: blur(4px);
  border-radius: 4px;
  text-align: center;
  padding: 0;
  border: none;
  line-height: normal;
}

/*--- FOOTER ---*/

@media(max-width: 1050px) {

  /*--- HEADER ---*/
  .wc-header {
    gap: 16px;
    justify-content: space-between;
    position: relative;
    z-index: 9999;
  }

  .main-navigation {
    display: flex !important;
    flex-direction: row-reverse;
    order: 1;
    gap: 16px;
    align-items: center;
    position: relative;
  }

  .wc-header-branding {
    display: none;
  }

  .wc-header-search {
    order: 3;
    display: none;

    &.active {
      display: block;
      position: absolute;
      top: 60px;
      left: 0;
      right: 0;
      width: 100%;
      margin: auto;
      background-color: var(--Neutral-0);
      padding: 8px 11px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
  }

  .wc-header-search .widget_search .wp-block-search__inside-wrapper {
    max-width: 100%;
  }

  .wc-header-links {
    order: 4;
    gap: 16px;
  }


  .wc-header-links__store {
    display: none;
  }

  .wc-header-links__whats {
    font-size: 0;
    gap: 0;
    height: 42px;
    width: 42px;
    padding: 8px;
  }


  .main-navigation .menu-toggle {
    background-color: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
  }

  .main-navigation .site-title {
    display: none;
  }

  .main-navigation .custom-logo-link {
    display: block;
  }

  .main-navigation img {
    display: block;
    width: 143px;
  }

  .menu-desktop-container ul {
    position: absolute;
    left: 0;
    top: 41px;
    background-color: var(--Dark-Blue-Brand);
    padding: 16px 10px 0 10px !important;
    width: 100%;
    flex-direction: column;
  }

  .menu-desktop-container ul li {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Neutral-0);
  }

  .wc-header .menu-item-has-children {
    &::after {
      right: 0;
      top: -15px;
    }
  }

  .wc-header-search__button {
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
  }

  /*--- HEADER ---*/
  /*--- FOOTER ---*/
  .wc-footer {
    flex-direction: column-reverse;
  }

  .wc-footer-row.newslatter {
    max-width: 100%;
    padding: 42px 24px;
  }

  .wc-footer-row.blue {
    padding: 16px;
  }

  .wc-footer-col.nav {
    flex-direction: column;
  }

  .wc-footer-nav h3 {
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 500;
  }

  .wc-footer-col.copyright {
    flex-direction: column;
    margin-top: 16px;
    align-items: flex-start;
    gap: 24px;
  }

  /*--- FOOTER ---*/


  .slick-prev:before,
  .slick-next:before {
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  .slick-dots li button:before {
    color: transparent !important;
  }
}