@charset "UTF-8";
.fepo .archive h1 {
  color: var(--navy);
  text-align: center;
}
.fepo .archive .posts {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin: 1rem auto;
  max-width: 80vw;
  width: 60rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .archive .posts {
    grid-template-columns: 1fr;
  }
}

:root {
  --base-font: "Montserrat", Arial, Helvetica, sans-serif;
  --blue: #0a6991;
  --border: rgba(38, 167, 222, 0.2);
  --brown: #452500;
  --light-blue: #26a7de;
  --lightest-blue: #d3edf9;
  --lightest: #fff;
  --light-gray: #f8f8f8;
  --link-color: #000;
  --link-hover: #069;
  --navy: #023145;
  --navy2: rgba(2, 49, 69, 0.9);
  --orange: #df8620;
  --green: #2ec27e;
  --error: #fd6389;
  --radius: 50rem;
  --opaque: rgba(255, 255, 255, 0.5);
  --opaquer: rgba(255, 255, 255, 0.8);
  --shadow: rgba(211, 237, 249, 0.5);
  --title-font: "Newsreader", serif;
}

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: var(--lightest);
  font-family: var(--base-font);
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

button {
  cursor: pointer;
  font-family: var(--base-font);
}

.screen-reader-text {
  -webkit-clip-path: inset(50%);
  border: 0;
  clip-path: inset(50%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.fepo h1,
.fepo h2 {
  font-family: var(--title-font);
  font-weight: 900;
}
.fepo h1 {
  font-size: 5rem;
}
.fepo h2 {
  font-size: 5.5vw;
  line-height: 0.8;
  margin: 0 auto;
  max-width: 80vw;
  text-align: center;
  width: 60rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo h2 {
    font-size: 10vw;
  }
}
.fepo h3 {
  font-size: 1.5rem;
  margin: 0;
}
.fepo h3.smaller {
  font-size: 1.2rem;
}
.fepo input,
.fepo select {
  border-radius: 0.5rem;
  border: 0;
  font-family: var(--base-font);
  padding: 0.5rem;
}
.fepo svg {
  max-width: 100%;
}
.fepo input::placeholder,
.fepo textarea::placeholder {
  color: var(--light-blue);
}
.fepo a {
  color: var(--link-color);
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s;
}
.fepo blockquote {
  font-size: 1.5rem;
  margin: auto;
  max-width: 40rem;
  text-align: center;
}
.fepo blockquote cite {
  color: var(--light-blue);
  display: block;
  font-size: 0.8em;
  font-style: normal;
  font-weight: bold;
  padding: 1rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo blockquote {
    max-width: 80vw;
  }
}
.fepo video {
  border-radius: 1rem;
  width: 100%;
}
.fepo .container {
  margin-top: 8rem;
  min-height: 80vh;
  padding-bottom: 10rem;
  position: relative;
}

.fepo .search-button,
.fepo #mobile-search,
.fepo #mobile-menu,
.fepo .mobile-menu-link {
  display: none;
}
.fepo .mobile-menu-link {
  font-size: 2rem;
  margin-left: auto;
}
.fepo .search-button {
  background-color: var(--light-blue);
  border-radius: var(--radius);
  bottom: 6rem;
  color: var(--lightest);
  font-size: 1.5rem;
  padding: 1rem;
  position: fixed;
  right: 9px;
  z-index: 2;
}
.fepo #mobile-search a,
.fepo #mobile-menu a {
  color: var(--lightest);
}
.fepo #mobile-search nav,
.fepo #mobile-menu nav {
  display: flex;
  flex-direction: column;
}
.fepo #mobile-search nav a,
.fepo #mobile-menu nav a {
  font-size: 2rem;
}
.fepo #mobile-search nav:last-child,
.fepo #mobile-menu nav:last-child {
  margin-top: 3rem;
}
.fepo #mobile-search i,
.fepo #mobile-menu i {
  color: var(--lightest);
}
.fepo #mobile-search ul,
.fepo #mobile-menu ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.fepo #mobile-search .lighter,
.fepo #mobile-menu .lighter {
  font-size: 1.5rem;
}
.fepo #mobile-search .logo,
.fepo #mobile-menu .logo {
  background: url(../img/svg/logo-white.svg) center no-repeat;
  background-size: contain;
}
.fepo #mobile-search footer,
.fepo #mobile-menu footer {
  bottom: 1rem;
  display: flex;
  flex-direction: column;
  left: 1rem;
  position: fixed;
  right: 1rem;
}
.fepo #mobile-search {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  align-items: center;
  background: var(--blue);
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  text-align: center;
  z-index: 3;
}
.fepo #mobile-search form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fepo #mobile-search form input,
.fepo #mobile-search form select {
  background-color: transparent;
  border-bottom: 2px dashed var(--light-blue);
  font-size: 1.2rem;
  padding: 1.5rem;
}
.fepo #mobile-search form select {
  color: var(--orange);
  font-weight: 900;
}
.fepo #mobile-search .action {
  background-color: var(--orange);
  font-size: 1.5rem;
  margin-top: 1rem;
  min-width: 10rem;
}
.fepo #mobile-menu {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  align-items: center;
  background: var(--orange);
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  text-align: center;
  z-index: 3;
}
.fepo #mobile-menu .action {
  background-color: var(--navy);
  font-size: 1.5rem;
  margin-top: 1rem;
  min-width: 10rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .search-button,
.fepo #mobile-search:target,
.fepo #mobile-menu:target {
    display: flex;
  }
  .fepo .mobile-menu-link {
    display: initial;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .search-button,
.fepo #mobile-menu:target,
.fepo #mobile-search:target {
    display: flex;
  }
  .fepo .mobile-menu-link {
    display: initial;
  }
  .fepo #mobile-menu nav ul {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .fepo #mobile-menu a {
    font-size: 1rem;
  }
  .fepo #mobile-menu footer {
    align-items: center;
  }
  .fepo #mobile-menu footer ul {
    align-items: center;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
  }
  .fepo #mobile-menu footer .action {
    font-size: 1rem;
  }
  .fepo #mobile-search form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: auto;
  }
  .fepo #mobile-search form input,
.fepo #mobile-search form select {
    padding: 1rem;
  }
  .fepo #mobile-search footer {
    align-items: center;
  }
  .fepo #mobile-search footer .action {
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .search-button,
.fepo #mobile-menu:target,
.fepo #mobile-search:target {
    display: flex;
  }
  .fepo .mobile-menu-link {
    display: initial;
  }
  .fepo .shop .search-button {
    bottom: 10rem;
  }
}
.fepo.logged footer .fepo-login {
  display: none !important;
}

.fepo .article-header {
  height: 80vh;
  overflow: hidden;
  position: relative;
}
.fepo .article-header::before {
  background-image: linear-gradient(to bottom, var(--lightest-blue) 0%, transparent 100%);
  content: "";
  height: 8rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.fepo .article-header::after {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: linear-gradient(to left, var(--blue) 0%, var(--orange) 100%);
  content: "";
  mix-blend-mode: hard-light;
  opacity: 0.5;
  z-index: 1;
}
.fepo .article-header img {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  display: block;
  height: 80vh;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.fepo .article-header .wave {
  z-index: 2;
}
.fepo article {
  position: relative;
}
.fepo article.container {
  margin-top: 2rem;
}
.fepo article.container h1 {
  color: var(--navy);
  line-height: 0.9;
  margin: 0 auto 4rem;
  max-width: 90vw;
  text-align: center;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo article.container h1 {
    font-size: 12vw;
  }
}
.fepo article.container #fepo_blog_conversao,
.fepo article.container p,
.fepo article.container ol,
.fepo article.container ul {
  line-height: 1.5em;
  margin: 1rem auto;
  max-width: 80vw;
  width: 45rem;
}
.fepo article.container li {
  margin-bottom: 1rem;
}
.fepo article.container a {
  color: var(--orange);
}
.fepo article.container a:hover {
  color: var(--light-blue);
}
.fepo article.container img {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  margin: 2rem auto;
  max-width: 50rem;
  height: auto;
}
.fepo article.container blockquote {
  color: var(--blue);
  margin: 3rem auto;
  max-width: 90vw;
}
.fepo article.container blockquote p {
  width: 45rem;
}
.fepo article .content h2 {
  margin-top: 1.5em;
  font-size: clamp(2rem, 5vw, 4rem);
  color: var(--blue);
}
.fepo article .content h3 {
  font-size: 2rem;
}
.fepo article .content h3,
.fepo article .content h4 {
  color: var(--brown);
  font-family: var(--title-font);
  text-align: center;
  max-width: 80vw;
  margin: 1em auto;
}

.fepo .lighter,
.fepo .lighter a {
  font-weight: normal;
}
.fepo .logo {
  background: url(../img/svg/logo.svg) center no-repeat;
  background-size: contain;
  display: flex;
  height: 50px;
  width: 7rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .logo {
    margin-left: auto;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .logo {
    margin-left: auto;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .logo {
    margin-left: auto;
  }
}
.fepo .action {
  background-color: var(--orange);
  border-radius: 2rem;
  border: 0;
  cursor: pointer;
  color: var(--lightest);
  display: inline-block;
  font-weight: 900;
  padding: 1rem;
  transition: all 0.2s;
}
.fepo .action:hover {
  filter: brightness(1.1);
}
.fepo .action:disabled {
  opacity: 0.3;
  background: transparent;
  border: 2px solid var(--lightest);
}
.fepo .action a {
  color: var(--lightest);
}
.fepo .action a:hover {
  color: var(--lightest) !important;
}
.fepo .to-left {
  text-align: left;
}
.fepo .faded {
  opacity: 0;
  transition: all 500ms;
}
.fepo .fade {
  opacity: 1;
  transition: all 500ms;
}
.fepo .big-icon {
  font-size: 5rem;
}
.fepo .inline {
  display: flex;
  gap: 1rem;
}
.fepo .inline > div {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .inline {
    display: block;
  }
}
.fepo .wave {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}
.fepo .wave svg {
  display: block;
  height: 120px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .wave svg {
    width: auto;
  }
}
.fepo .phrase {
  color: var(--blue);
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 auto;
  max-width: 90vw;
  text-align: center;
  width: 35em;
}
.fepo .aside-phrase {
  color: var(--blue);
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 auto;
  max-width: 90vw;
  text-align: left;
}
.fepo .centered-content {
  max-width: 90vw;
  width: 30em;
  margin: 2rem auto;
}
.fepo .centered-content p {
  text-align: center;
}
.fepo .centered-content .action {
  display: block;
  margin: auto;
  max-width: 20rem;
  text-align: center;
}
.fepo .icon-list {
  display: grid;
  font-size: 0.9rem;
  font-weight: bold;
  gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  margin: 3rem auto;
  padding: 0;
  text-align: center;
  width: 50rem;
  max-width: 90vw;
}
.fepo .icon-list.odd {
  grid-template-columns: repeat(3, 1fr);
}
.fepo .icon-list li i {
  display: block;
  font-size: 5rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .icon-list {
    gap: 1rem;
    grid-template-columns: 1fr;
    margin: 3rem auto;
    max-width: 80vw;
  }
  .fepo .icon-list.odd {
    grid-template-columns: repeat(2, 1fr);
  }
  .fepo .icon-list.odd li {
    font-size: 0.7rem;
  }
  .fepo .icon-list.odd li i {
    display: block;
    font-size: 4.5rem;
  }
}
.fepo .woocommerce-info, .fepo .woocommerce-error {
  border: 0;
  border-radius: 1rem;
  margin: 0;
  background-color: var(--shadow);
  text-align: center;
}
.fepo .woocommerce-info .button {
  color: var(--lightest) !important;
  background-color: var(--light-blue);
  border-radius: 2rem;
  transition: all 0.2s;
}
.fepo .woocommerce-info .button:hover {
  filter: brightness(1.1);
  background-color: var(--light-blue);
}
.fepo .woocommerce-error {
  background-color: var(--error);
  color: var(--lightest);
}
.fepo .woocommerce-error::before {
  color: var(--lightest);
}
.fepo .woocommerce-ordering, .fepo .woocommerce-result-count {
  display: none;
}

.fepo.landing .hero {
  background: url(../img/svg/header2.svg);
}
.fepo.landing .hero .action,
.fepo.landing .top .action {
  background: var(--light-blue);
}
.fepo.companies .hero {
  background: url(../img/svg/header3.svg);
}
.fepo.companies .top nav a:hover {
  color: var(--lightest-blue);
}
.fepo.contact > div,
.fepo.contact form {
  min-height: auto !important;
}
.fepo.contact .hero {
  background: url(../img/svg/header4.svg);
  flex-direction: column;
}
.fepo.contact .contact-hero {
  align-items: center;
  color: var(--lightest);
  justify-content: center;
}
.fepo.contact .contact-hero h1 {
  margin: 0.5em 0 0;
}
.fepo.contact .contact-form {
  margin: auto;
  max-width: 40rem;
}
.fepo.contact .contact-form p {
  font-weight: bolder;
}
.fepo.contact .contact-form .warning {
  color: var(--orange);
}
.fepo.contact aside {
  align-items: start;
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
  gap: 1rem;
}
.fepo.contact aside p {
  margin-bottom: 1rem;
}
.fepo.contact aside i {
  font-size: 3rem;
  color: var(--light-blue);
}
.fepo.contact aside strong {
  color: var(--lightest-blue);
}
.fepo.contact aside div {
  align-items: center;
  align-self: stretch;
  background-color: var(--navy2);
  border-radius: 0.5rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}
.fepo.contact aside div p {
  text-align: left;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.contact aside {
    align-items: center;
  }
  .fepo.contact aside p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.contact form {
    background: transparent;
  }
}
.fepo.account .top .logo,
.fepo.account .hero .logo, .fepo.blog .top .logo,
.fepo.blog .hero .logo, .fepo.companies .top .logo,
.fepo.companies .hero .logo, .fepo.contact .top .logo,
.fepo.contact .hero .logo, .fepo.landing .top .logo,
.fepo.landing .hero .logo, .fepo.shop .top .logo,
.fepo.shop .hero .logo, .fepo.shop-page .top .logo,
.fepo.shop-page .hero .logo {
  background-image: url(../img/svg/logo-white.svg);
}
.fepo.account .top nav a, .fepo.blog .top nav a, .fepo.companies .top nav a, .fepo.contact .top nav a, .fepo.landing .top nav a, .fepo.shop .top nav a, .fepo.shop-page .top nav a {
  color: var(--lightest);
}
.fepo.account .top nav .action:hover, .fepo.blog .top nav .action:hover, .fepo.companies .top nav .action:hover, .fepo.contact .top nav .action:hover, .fepo.landing .top nav .action:hover, .fepo.shop .top nav .action:hover, .fepo.shop-page .top nav .action:hover {
  color: var(--lightest) !important;
}
.fepo.account .hero, .fepo.blog .hero, .fepo.companies .hero, .fepo.contact .hero, .fepo.landing .hero, .fepo.shop .hero, .fepo.shop-page .hero {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fepo.account .hero h1, .fepo.blog .hero h1, .fepo.companies .hero h1, .fepo.contact .hero h1, .fepo.landing .hero h1, .fepo.shop .hero h1, .fepo.shop-page .hero h1 {
  color: var(--lightest);
}
.fepo.account .hero h1 span, .fepo.blog .hero h1 span, .fepo.companies .hero h1 span, .fepo.contact .hero h1 span, .fepo.landing .hero h1 span, .fepo.shop .hero h1 span, .fepo.shop-page .hero h1 span {
  color: var(--lightest);
}
.fepo.account .hero .slogan, .fepo.blog .hero .slogan, .fepo.companies .hero .slogan, .fepo.contact .hero .slogan, .fepo.landing .hero .slogan, .fepo.shop .hero .slogan, .fepo.shop-page .hero .slogan {
  color: var(--lightest);
}
.fepo.account .hero .slogan p,
.fepo.account .hero .slogan span, .fepo.blog .hero .slogan p,
.fepo.blog .hero .slogan span, .fepo.companies .hero .slogan p,
.fepo.companies .hero .slogan span, .fepo.contact .hero .slogan p,
.fepo.contact .hero .slogan span, .fepo.landing .hero .slogan p,
.fepo.landing .hero .slogan span, .fepo.shop .hero .slogan p,
.fepo.shop .hero .slogan span, .fepo.shop-page .hero .slogan p,
.fepo.shop-page .hero .slogan span {
  opacity: 0.9;
}
.fepo.account .mobile-menu-link, .fepo.blog .mobile-menu-link, .fepo.companies .mobile-menu-link, .fepo.contact .mobile-menu-link, .fepo.landing .mobile-menu-link, .fepo.shop .mobile-menu-link, .fepo.shop-page .mobile-menu-link {
  color: var(--lightest);
}
.fepo.single-product .top nav a {
  color: var(--blue);
}
.fepo.single-product .top nav a:hover {
  color: var(--blue);
}
.fepo.single-product .top .action a {
  color: var(--lightest) !important;
}

.fepo.shop .showcase {
  margin-top: 0;
}
.fepo.shop .products {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  padding: 0;
  position: relative;
  margin: auto;
  max-width: 80vw;
  width: 50rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop .products {
    grid-template-columns: 1fr;
  }
}
.fepo.shop .featured {
  padding-bottom: 10rem;
  position: relative;
}
.fepo.shop .featured .features-container {
  max-width: 80vw;
  margin: auto;
  position: relative;
}
.fepo.shop .featured .features-container::before {
  content: "";
  display: block;
  width: 3rem;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-image: linear-gradient(to right, var(--navy) 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}
.fepo.shop .featured .features-container::after {
  content: "";
  display: block;
  width: 3rem;
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-image: linear-gradient(to left, var(--navy) 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}
.fepo.shop .featured .products {
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo.shop .featured .products {
    grid-template-columns: repeat(2, 1fr);
  }
}

.fepo.account .client-area {
  position: relative;
}
.fepo.account .client-area h2 {
  display: none;
}
.fepo.account .client-area h3 {
  color: var(--navy);
  margin: 0 0 2rem;
}
.fepo.account .woocommerce {
  display: flex;
  gap: 2rem;
  margin: auto;
  max-width: 65rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.account .woocommerce {
    flex-direction: column;
  }
}
.fepo.account .woocommerce nav {
  max-width: 20rem;
  width: 20rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.account .woocommerce nav {
    max-width: 80vw;
    width: 80vw;
    margin: auto;
  }
}
.fepo.account .woocommerce nav ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 1rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.account .woocommerce nav ul {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.fepo.account .woocommerce nav a {
  display: block;
  color: var(--blue);
}
.fepo.account .woocommerce nav a:hover {
  color: var(--light-blue);
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.account .woocommerce nav a {
    align-items: center;
    background-color: var(--light-gray);
    border-radius: 0.5rem;
    display: flex;
    font-size: 0.9rem;
    height: 4rem;
    justify-content: center;
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem;
    text-align: center;
  }
}
.fepo.account .woocommerce table {
  background: var(--light-gray);
  border-radius: 1rem;
  border: 0;
  margin: 2rem 0;
  padding: 1rem;
}
.fepo.account .woocommerce table th {
  color: var(--blue);
  padding: 0.5rem;
}
.fepo.account .woocommerce table td {
  padding: 0.5rem;
}
.fepo.account .woocommerce table td a {
  display: block;
}
.fepo.account .woocommerce table td .button {
  background-color: var(--light-blue);
  border-radius: 2rem;
  clear: both;
  color: var(--lightest) !important;
  margin: 0.25rem;
  text-align: center;
  transition: all 0.2s;
}
.fepo.account .woocommerce table td .button:hover {
  filter: brightness(1.1);
  background-color: var(--light-blue);
}
.fepo.account .woocommerce-MyAccount-content {
  margin: auto;
  max-width: 60rem;
  min-height: 70vh;
  padding: 0 2rem 10rem 0;
  width: 100%;
}
.fepo.account .woocommerce-MyAccount-content header {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.fepo.account .woocommerce-MyAccount-content header h3 {
  margin: 0;
}
.fepo.account .woocommerce-MyAccount-content a {
  color: var(--orange);
}
.fepo.account .woocommerce-MyAccount-content p {
  max-width: 60rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.account .woocommerce-MyAccount-content {
    margin: 0;
    padding: 0 2rem 10rem;
  }
}
.fepo.account .woocommerce .col-1,
.fepo.account .woocommerce .col-2 {
  float: none;
  width: auto;
}
.fepo.account .woocommerce-button--next, .fepo.account .woocommerce-button--previous {
  background-color: transparent;
}
.fepo.account .woocommerce-button--next:hover, .fepo.account .woocommerce-button--previous:hover {
  background-color: transparent;
}
.fepo.account .woocommerce-MyAccount-navigation-link--downloads, .fepo.account .woocommerce-MyAccount-navigation-link--edit-address {
  display: none;
}
.fepo.account .login,
.fepo.account .lost_reset_password,
.fepo.account .register {
  border: 0;
  margin: 2em auto 10rem;
}

.fepo.shop-page {
  background: url(../img/svg/shop-page-back.svg) no-repeat top center;
  background-size: contain;
}
.fepo.shop-page h1 {
  color: var(--lightest);
  line-height: 0.9;
  margin: auto;
  max-width: 30rem;
  text-align: center;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop-page h1 {
    font-size: 10vw;
  }
}
.fepo.shop-page h2 {
  color: var(--blue);
  font-size: 2rem;
}
.fepo.shop-page h3 {
  text-align: center;
  color: var(--navy);
}
.fepo.shop-page .woocommerce {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-evenly;
  margin: auto;
  max-width: 80vw;
  position: relative;
}
.fepo.shop-page .woocommerce table {
  background: var(--opaque);
  border-radius: 1rem;
  border: 0;
  padding: 1rem;
}
.fepo.shop-page .woocommerce th {
  color: var(--blue);
}
.fepo.shop-page .woocommerce tr {
  transition: all 0.2s;
}
.fepo.shop-page .woocommerce tr:hover {
  background-color: var(--light-gray);
  border-radius: 1rem;
}
.fepo.shop-page .woocommerce td {
  padding: 1.5rem 0.5rem;
}
.fepo.shop-page .woocommerce a {
  line-height: 1;
  color: var(--navy);
}
.fepo.shop-page .woocommerce .button {
  background-color: var(--light-blue);
  border-radius: 2rem;
  color: var(--lightest);
  padding: 1rem;
}
.fepo.shop-page .woocommerce .button:hover, .fepo.shop-page .woocommerce .button:disabled {
  background-color: var(--light-blue);
  color: var(--lightest);
}
.fepo.shop-page .woocommerce .col2-set {
  background-color: var(--opaque);
  border-radius: 1rem;
  margin: auto;
  max-width: 60rem;
  padding: 1rem;
}
.fepo.shop-page .woocommerce .col2-set .col-1 {
  max-width: 100%;
}
.fepo.shop-page .woocommerce .coupon .input-text {
  border-radius: 2rem;
  padding: 0.5rem;
  width: 10rem;
}
.fepo.shop-page .woocommerce .coupon .input-text:focus {
  outline: 2px solid var(--light-blue);
}
.fepo.shop-page .woocommerce .coupon .button {
  background-color: var(--orange);
  border-radius: 2rem;
  color: var(--lightest);
}
.fepo.shop-page .woocommerce .coupon .button:hover {
  color: var(--lightest);
}
.fepo.shop-page .woocommerce .cart-collaterals,
.fepo.shop-page .woocommerce .cart_totals {
  float: none !important;
  width: auto !important;
  text-align: center;
}
.fepo.shop-page .woocommerce .checkout-button {
  background-color: var(--green);
  color: var(--lightest);
  font-size: 1.2rem;
  border-radius: 2rem;
}
.fepo.shop-page .woocommerce .checkout-button:hover {
  background-color: var(--green);
  filter: brightness(1.1);
}
.fepo.shop-page .woocommerce .shop_table {
  margin: 0 0 2rem;
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo.shop-page .woocommerce {
    flex-direction: column;
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop-page .woocommerce {
    flex-direction: column;
  }
}
.fepo.shop-page .product-thumbnail img {
  -webkit-mask-image: url("../img/svg/blob.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  width: 6rem;
}
.fepo.shop-page .product-name .variation {
  font-size: 0.9rem;
  line-height: 1.2;
}
.fepo.shop-page .product-name .variation dt {
  display: none;
}
.fepo.shop-page .product-name .variation p {
  margin: 0;
}
.fepo.shop-page .product-name .variation-Agendesuasesso {
  color: var(--blue);
}
.fepo.shop-page .product-name .variation-Escolhaporondeserfeitaasesso {
  color: var(--green);
}

.fepo.single-product {
  background: url(../img/svg/product-back.svg) no-repeat top center;
  background-size: contain;
}
.fepo.single-product .top .logo {
  background-image: url(../img/svg/logo.svg);
}
.fepo.single-product .top .mobile-menu-link {
  color: var(--link-color);
}
.fepo.single-product h1 {
  font-size: 2.5rem;
  color: var(--navy);
  text-align: center;
  line-height: 1;
}
.fepo.single-product .container {
  margin-top: 8rem;
}
.fepo.single-product .product {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  max-width: 80vw;
  width: 60rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.single-product .product {
    display: block;
  }
}
.fepo.single-product .entry-title {
  display: none;
}
.fepo.single-product .product-tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0;
}
.fepo.single-product .product-tags li a {
  border-radius: 2rem;
  border: 1px solid var(--orange);
  color: var(--orange);
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  pointer-events: none;
}
.fepo.single-product .product-tags li a:hover {
  background-color: var(--orange);
  color: var(--lightest);
}
.fepo.single-product .woocommerce-product-gallery {
  position: relative;
}
.fepo.single-product .woocommerce-product-gallery h2 {
  display: none;
}
.fepo.single-product .woocommerce-product-gallery figure {
  margin: 0;
}
.fepo.single-product .woocommerce-product-gallery figure div > a {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  display: block;
  pointer-events: none;
}
.fepo.single-product .woocommerce-product-gallery figure img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  object-fit: cover;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.fepo.single-product .related,
.fepo.single-product .woocommerce-tabs {
  grid-column: 1/3;
}
.fepo.single-product .related center,
.fepo.single-product .woocommerce-tabs center {
  display: none;
}
.fepo.single-product .tabs {
  list-style: none;
  display: flex;
  padding: 0;
  justify-content: center;
  margin: 2rem 0;
}
.fepo.single-product .tabs li a {
  color: var(--blue);
  padding: 1rem;
  border-radius: 0.5rem;
}
.fepo.single-product .tabs li.active a {
  color: var(--light-blue);
  background-color: var(--light-gray);
}
.fepo.single-product .entry-content h2 {
  color: var(--navy);
  display: none;
  font-size: 2.5rem;
}
.fepo.single-product .entry-content p {
  max-width: 35rem;
  margin: 1rem auto;
}
.fepo.single-product .woocommerce-product-attributes {
  margin: 1rem auto;
}
.fepo.single-product .woocommerce-product-attributes th {
  color: var(--navy);
  padding: 0 1rem;
  text-align: right;
  vertical-align: initial;
}
.fepo.single-product .woocommerce-product-attributes p {
  color: var(--blue);
  margin: 0;
}
.fepo.single-product .sku_wrapper,
.fepo.single-product .posted_in {
  display: none;
}
.fepo.single-product .added_to_cart.wc-forward {
  display: block;
  padding: 0.5rem;
  text-align: center;
}

.blog-heading {
  align-items: center;
  background: var(--lightest-blue) url(../img/svg/header5.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 60vh;
  justify-content: center;
  position: relative;
}
.blog-heading h1 {
  color: var(--lightest);
  font-size: 12vw;
  line-height: 0.9;
  margin: 0;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .blog-heading h1 {
    font-size: 20vw;
  }
}
.blog-heading .social-links a {
  color: var(--lightest);
  font-size: 2rem;
}
.blog-heading .contents {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 90vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .blog-heading .contents {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.account-heading {
  align-items: center;
  background: var(--navy) url(../img/svg/header4.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 60vh;
  justify-content: center;
  position: relative;
}
.account-heading h1 {
  color: var(--lightest);
  font-size: clamp(5rem, 12vw, 5vw);
  line-height: 0.9;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .account-heading h1 {
    font-size: 15vw;
  }
}
.account-heading .contents {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .account-heading .contents {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.fepo.account .woocommerce form label {
  color: var(--blue);
}
.fepo.account .woocommerce form input,
.fepo.account .woocommerce form textarea {
  border-radius: 0.5rem;
  border: 2px solid var(--lightest-blue);
  font-size: 1rem;
  padding: 0.5rem;
}
.fepo.account .woocommerce form input:focus,
.fepo.account .woocommerce form textarea:focus {
  border: 2px solid var(--light-blue);
}
.fepo.account .woocommerce form em {
  color: var(--light-blue);
  display: block;
  padding: 0.25rem;
  text-align: center;
}
.fepo.account .woocommerce form fieldset {
  background-color: var(--shadow);
  border-radius: 1rem;
  border: 0;
  margin: 2rem 0;
}
.fepo.account .woocommerce form fieldset legend {
  background-color: var(--lightest);
  border-radius: 2rem;
  color: var(--navy);
  font-weight: bold;
  margin: auto;
  padding: 1rem;
}
.fepo.account .woocommerce form button {
  background-color: var(--green);
  border-radius: 2rem;
  color: var(--lightest);
  display: block;
  margin: auto;
  padding: 1rem;
}

.fepo.shop-page .login {
  align-items: center;
  background-color: var(--opaquer) !important;
  border-radius: 1rem;
  border: 0;
  color: var(--navy);
  display: flex;
  flex-direction: column;
  text-align: center;
  text-align: center;
}
.fepo.shop-page .login input {
  border-radius: 0.5rem;
  border: 2px solid var(--lightest-blue);
  font-size: 1rem;
  padding: 0.5rem;
}
.fepo.shop-page .login .form-row {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop-page .login .form-row {
    width: 100%;
  }
}
.fepo.shop-page .checkout label {
  color: var(--blue);
}
.fepo.shop-page .checkout input,
.fepo.shop-page .checkout textarea {
  border-radius: 0.5rem;
  border: 2px solid var(--lightest-blue);
  font-size: 1rem;
  padding: 0.5rem;
}
.fepo.shop-page .checkout input:focus,
.fepo.shop-page .checkout textarea:focus {
  border: 2px solid var(--light-blue);
}
.fepo.shop-page .checkout select {
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 0.5rem;
  border: 2px solid var(--orange);
  color: var(--orange);
  cursor: pointer;
  font-family: var(--base-font);
  font-size: 1rem;
  font-weight: bold;
  grid-column: 1/3;
  padding: 0.5rem;
  text-align: center;
  transition: all 0.2s;
  width: 100%;
}
.fepo.shop-page .checkout select:hover {
  background-color: var(--light-gray);
  color: var(--brown);
}
.fepo.shop-page .checkout select:focus {
  outline: 2px solid var(--light-blue);
}
.fepo.shop-page .checkout_coupon {
  background-color: var(--orange);
  border-radius: 1rem;
  border: 0;
  color: var(--lightest);
  text-align: center;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.fepo.shop-page .checkout_coupon p {
  font-weight: bold;
}
.fepo.shop-page .checkout_coupon input {
  background-color: transparent;
  border-radius: 2rem;
  border: 2px solid var(--light-gray);
  color: var(--lightest);
  font-size: 1rem;
  padding: 0.5rem;
  text-align: center;
}
.fepo.shop-page .checkout_coupon input:focus {
  background-color: var(--lightest);
  color: var(--orange);
}
.fepo.shop-page .checkout_coupon input::placeholder {
  color: var(--lightest);
}
.fepo.shop-page .checkout .woocommerce-validated input {
  border: 2px solid var(--green);
}
.fepo.shop-page .checkout .woocommerce-validated select {
  border: 2px solid var(--green);
  color: var(--green);
}
.fepo.shop-page .checkout .woocommerce-invalid input {
  border: 2px solid var(--error);
}
.fepo.shop-page .checkout .woocommerce-invalid select {
  border: 2px solid var(--error);
  color: var(--error);
}
.fepo.shop-page .checkout .woocommerce-additional-fields,
.fepo.shop-page .checkout .woocommerce .selection {
  display: none;
}
.fepo.shop-page .checkout .woocommerce-checkout-review-order {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.fepo.shop-page .checkout .woocommerce-checkout-review-order #payment {
  border-radius: 1rem;
}
.fepo.shop-page .checkout .woocommerce-checkout-review-order #payment #place_order {
  background-color: var(--green);
  display: block;
  float: none;
  margin: auto;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop-page .checkout .woocommerce-checkout-review-order {
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
  }
}
.fepo.shop-page .checkout .col-1 {
  float: none;
  width: auto;
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo.shop-page .checkout {
    flex-direction: column;
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo.shop-page .checkout {
    flex-direction: column;
  }
}

/* Search form */
.fepo .search-form {
  background-color: var(--blue);
  border-radius: var(--radius);
  bottom: 1rem;
  box-shadow: 5px 5px 0 var(--lightest-blue);
  display: flex;
  left: 10vw;
  padding: 0.6rem;
  position: fixed;
  right: 10vw;
  z-index: 2;
}
.fepo .search-form > input {
  border-bottom-left-radius: var(--radius);
  border-top-left-radius: var(--radius);
  flex: 1;
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem;
}
.fepo .search-form > input:focus {
  outline: 2px solid var(--orange);
}
.fepo .search-form > select {
  background-color: var(--lightest-blue);
  border-radius: 0;
  color: var(--blue);
  font-size: 1rem;
  font-weight: bold;
  max-width: 12rem;
  padding: 0.5rem;
  transition: filter 0.2s;
}
.fepo .search-form > select:hover {
  filter: brightness(1.1);
}
.fepo .search-form > select:focus {
  outline: 2px solid var(--orange);
}
.fepo .search-form > button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  font-size: 1rem;
  font-weight: 900;
  padding: 1rem 2rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .search-form {
    display: none;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .search-form {
    display: none;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .search-form {
    display: none;
  }
}
.fepo .newsletter-form {
  padding: 0.6rem 0 4rem;
}
.fepo .newsletter-form h3 {
  color: var(--lightest-blue);
  text-align: center;
}
.fepo .newsletter-form .fields {
  align-items: center;
  display: flex;
  width: 80vw;
  margin: auto;
}
.fepo .newsletter-form .fields > input {
  flex: 1;
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem;
  text-align: center;
}
.fepo .newsletter-form .fields > input:first-child {
  border-bottom-left-radius: var(--radius);
  border-top-left-radius: var(--radius);
}
.fepo .newsletter-form .fields > input:focus {
  outline: 2px solid var(--orange);
}
.fepo .newsletter-form .fields > button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  font-size: 1rem;
  font-weight: 900;
  padding: 1rem 2rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .newsletter-form .fields {
    flex-direction: column;
    width: 70vw;
    margin: auto;
    align-items: stretch;
  }
  .fepo .newsletter-form .fields > input {
    background-color: transparent;
    border-bottom: 2px dashed var(--light-blue);
    font-size: 1rem;
    padding: 1.5rem;
  }
  .fepo .newsletter-form .fields > input:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .fepo .newsletter-form .fields > button {
    margin-top: 2rem;
    border-radius: 2rem;
  }
}
.fepo .contact-form,
.fepo .convert-form {
  color: var(--lightest);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.fepo .contact-form p,
.fepo .convert-form p {
  margin-bottom: 1.5rem;
}
.fepo .contact-form label,
.fepo .convert-form label {
  font-weight: bold;
}
.fepo .contact-form input,
.fepo .contact-form textarea,
.fepo .convert-form input,
.fepo .convert-form textarea {
  background-color: transparent;
  border-radius: 0.5rem;
  border: 0;
  color: var(--lightest-blue);
  font-family: var(--base-font);
  font-size: 1rem;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  outline: 2px solid transparent;
  padding: 0.5rem;
  transition: all 0.2s;
  width: 100%;
}
.fepo .contact-form input:focus,
.fepo .contact-form textarea:focus,
.fepo .convert-form input:focus,
.fepo .convert-form textarea:focus {
  outline: 2px solid var(--orange);
}
.fepo .contact-form input:hover,
.fepo .contact-form textarea:hover,
.fepo .convert-form input:hover,
.fepo .convert-form textarea:hover {
  filter: brightness(1.1);
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .contact-form,
.fepo .convert-form {
    background-color: var(--blue);
    border-radius: 1rem;
    margin-bottom: 20vh;
    padding: 2rem;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .contact-form,
.fepo .convert-form {
    background-color: var(--blue);
    border-radius: 1rem;
    margin-bottom: 20vh;
    padding: 2rem;
  }
}
.fepo .convert-form {
  margin-top: 4rem;
}

.fepo-toast {
  border-radius: 0.5rem;
  left: 50%;
  max-width: 80vh;
  padding: 1rem 2rem;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translateX(-50%);
  transition: all 0.2s;
  width: 30rem;
  z-index: 10;
}
.fepo-toast.success {
  background-color: var(--green);
}
.fepo-toast.error {
  background-color: var(--error);
}
.fepo-toast strong {
  font-size: 1.1rem;
}
.fepo-toast .close {
  background-color: transparent;
  border: 0;
  color: var(--lightest);
  font-size: 2rem;
  font-weight: bold;
  line-height: 0.4;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fepo .amarelo-button {
  background: #fc0 url("../img/amarelo.png") no-repeat center;
  background-size: cover;
  border-radius: var(--radius);
  bottom: 6rem;
  color: var(--lightest);
  font-size: 1.5rem;
  padding: 1rem;
  position: fixed;
  right: 9px;
  width: 56px;
  height: 56px;
  z-index: 2;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .amarelo-button {
    bottom: 11rem;
  }
}
.fepo .whatsapp-button {
  background-size: cover;
  background: #25d366;
  border-radius: var(--radius);
  bottom: 1.5rem;
  color: var(--lightest);
  font-size: 2rem;
  height: 56px;
  left: 10px;
  padding: 0.75rem;
  position: fixed;
  transition: filter 0.2s;
  width: 56px;
  z-index: 2;
}
.fepo .whatsapp-button:hover {
  filter: brightness(1.1);
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .whatsapp-button {
    bottom: 1rem;
  }
}
.fepo .footer {
  background-color: var(--lightest-blue);
  padding: 3rem 3em 8rem;
}
.fepo .footer .logo {
  margin: 0;
}
.fepo .footer .footer-contents {
  display: flex;
  gap: 2rem;
  margin: auto;
  max-width: 80vw;
  width: 70vw;
}
.fepo .footer .social-links {
  margin: 1rem 0;
  font-size: 1.6rem;
}
.fepo .footer .about {
  width: 10rem;
}
.fepo .footer p {
  color: var(--light-blue);
  margin: 0;
}
.fepo .footer h4 {
  margin: 0.5rem 0;
}
.fepo .footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fepo .footer a {
  color: var(--blue);
  font-weight: normal;
}
.fepo .footer a:hover {
  color: var(--navy);
}
.fepo .footer .footer-areas {
  display: grid;
  flex: 1;
  gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
}
.fepo .footer .copy {
  color: var(--navy);
  font-size: 0.9rem;
  margin-top: 2rem;
  padding: 0.5rem;
  text-align: center;
}
@media (max-width: 61em) {
  .fepo .footer .footer-areas {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .footer img {
    display: block;
    margin: auto;
    max-width: 30vw;
    width: 100%;
  }
  .fepo .footer .logo {
    margin: 0 auto;
  }
  .fepo .footer .about {
    text-align: center;
    width: auto;
  }
  .fepo .footer .footer-areas {
    display: none;
  }
  .fepo .footer .social-links {
    text-align: center;
  }
}

/* Top */
.fepo .top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.fepo .top nav {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.fepo .top nav ul {
  align-items: center;
  display: flex;
  gap: 1rem;
  list-style: none;
}
.fepo .top nav a:hover {
  color: var(--blue);
}
.fepo .top .action {
  color: var(--lightest) !important;
}
.fepo .top .action:hover {
  color: var(--lightest);
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .top {
    justify-content: center;
  }
  .fepo .top nav {
    display: none;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .top {
    justify-content: center;
  }
  .fepo .top nav {
    display: none;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .top {
    justify-content: center;
  }
  .fepo .top nav {
    display: none;
  }
}
.fepo.logged .fepo-login {
  display: none;
}

* {
  scrollbar-width: 5px;
  scrollbar-color: var(--blue) transparent;
}

::-webkit-scrollbar,
.content::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb {
  background-color: var(--blue);
}

.fepo .archive .post {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.fepo .archive .post a {
  transition: color 0.2s;
}
.fepo .archive .post h3 {
  line-height: 1;
  margin: 0 0;
}
.fepo .archive .post h3 a {
  color: var(--blue);
}
.fepo .archive .post h3 a:hover {
  color: var(--navy);
}
.fepo .archive .post time {
  color: var(--light-blue);
}
.fepo .archive .post img {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0.5rem;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.2s;
  width: 100%;
}
.fepo .archive .post img:hover {
  opacity: 0.9;
}
.fepo .archive .post p {
  font-size: 0.9rem;
  margin: 0;
  opacity: 0.7;
}
.fepo .archive .post .thumbnail {
  position: relative;
}
.fepo .archive .post .thumbnail::before {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: linear-gradient(to bottom, var(--blue) 0%, var(--orange) 100%);
  content: "";
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1;
}
.fepo .archive .post .thumbnail:hover::before {
  opacity: 0;
}
.fepo .archive .post .thumbnail a {
  display: block;
  position: relative;
  padding-bottom: 100%;
}
.fepo .archive .post .thumbnail span {
  background: var(--orange);
  border-radius: var(--radius);
  bottom: 1rem;
  color: #fff;
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  left: 50%;
  padding: 0.2rem 1rem;
  position: absolute;
  text-transform: uppercase;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .archive .post .thumbnail span {
    font-size: 0.75rem;
  }
}
.fepo .archive .post .more {
  color: var(--orange);
}
.fepo .archive .post .more:hover {
  color: var(--brown);
}
.fepo .archive .post .read-more {
  display: none;
}

.fepo .pagination,
.fepo .woocommerce-pagination {
  text-align: center;
}
.fepo .pagination .nav-links,
.fepo .pagination .page-numbers,
.fepo .woocommerce-pagination .nav-links,
.fepo .woocommerce-pagination .page-numbers {
  align-items: center;
  list-style: none;
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.fepo .pagination .nav-links .current,
.fepo .pagination .page-numbers .current,
.fepo .woocommerce-pagination .nav-links .current,
.fepo .woocommerce-pagination .page-numbers .current {
  background-color: var(--light-blue);
  border-radius: 5rem;
  color: var(--lightest);
  font-weight: bold;
  padding: 0.5rem 1rem;
}
.fepo .pagination .nav-links a,
.fepo .pagination .page-numbers a,
.fepo .woocommerce-pagination .nav-links a,
.fepo .woocommerce-pagination .page-numbers a {
  color: var(--blue);
  transition: all 0.2s;
}
.fepo .pagination .nav-links a:hover,
.fepo .pagination .page-numbers a:hover,
.fepo .woocommerce-pagination .nav-links a:hover,
.fepo .woocommerce-pagination .page-numbers a:hover {
  color: var(--light-blue);
}

.fepo.shop .products .product {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}
.fepo.shop .products .product .container-image-and-badge {
  display: none;
}
.fepo.shop .products .woocommerce-loop-product__link {
  padding-bottom: 100%;
  position: relative;
}
.fepo.shop .products .woocommerce-loop-product__link::before {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
  content: "";
  mix-blend-mode: screen;
  opacity: 0.7;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1;
}
.fepo.shop .products .woocommerce-loop-product__link:hover::before {
  opacity: 0;
}
.fepo.shop .products img {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50rem;
  display: block;
  object-fit: contain;
  width: 100%;
  z-index: 0;
}
.fepo.shop .products h2 {
  background-color: var(--opaquer);
  border-radius: 1rem;
  bottom: 0;
  color: var(--blue);
  font-family: var(--base-font);
  font-size: 1.25rem;
  left: 0;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.fepo.shop .products p,
.fepo.shop .products [dir=auto] {
  font-size: 0.9rem;
  margin: 0;
  opacity: 0.7;
}
.fepo.shop .products .button {
  padding: 1rem;
  background-color: var(--green);
  transition: all 0.2s;
  color: var(--lightest);
  border-radius: 2rem;
  order: 3;
  position: absolute;
  z-index: 1;
}
.fepo.shop .products .button:hover {
  filter: brightness(1.1);
}
.fepo.shop .products .price {
  display: none;
  background-color: var(--orange);
  color: var(--lightest);
  border-radius: 2.5rem;
  font-size: 0.9rem;
  bottom: 4rem;
  padding: 0.5rem 1rem;
  position: absolute;
  z-index: 1;
}
.fepo.shop .products .attribute {
  border-bottom: 1px solid var(--shadow);
  border-top: 1px solid var(--shadow);
  color: var(--orange);
  display: block;
  font-weight: bold;
  margin: -0.5rem 0 1rem;
  padding: 1rem;
}
.fepo.shop .products .crp {
  color: var(--light-blue);
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: -1rem 0 1rem;
}
.fepo.shop .products .prices {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 1;
}
.fepo.shop .products .prices .value {
  background-color: var(--light-blue);
  padding: 0.5rem;
  color: var(--lightest);
  border-radius: 0.5rem;
  transition: all 0.2s;
  min-width: 7rem;
}
.fepo.shop .products .prices .value:hover {
  filter: brightness(1.1);
}
.fepo.shop .products .prices .value:last-child {
  background-color: var(--blue);
}
.fepo.shop .products .prices .cost {
  font-size: 2rem;
  display: block;
  font-weight: bold;
}
.fepo.shop .products .prices .cost::before {
  content: "R$";
  font-size: 0.8rem;
  font-weight: bold;
  vertical-align: super;
}
.fepo.shop .products .prices .type {
  text-transform: uppercase;
  font-size: 0.7rem;
}
.fepo .featured h2 {
  font-size: 5vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured h2 {
    font-size: 12vw;
  }
}
.fepo .featured .products {
  margin-top: 4rem;
  overflow: auto;
  position: relative;
}
.fepo .featured .products::before {
  display: none;
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .featured .products {
    display: flex;
    overflow: auto;
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured .products {
    display: flex;
    max-width: 100vw;
    padding: 0 10vw;
  }
}
.fepo .featured .products h2 {
  background-color: var(--navy);
  color: var(--lightest);
}
.fepo .featured .products p {
  display: none;
}
.fepo .featured .products .product {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 0;
}
.fepo .featured .products .product .button {
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .featured .products .product {
    width: 50vw;
  }
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured .products .product {
    width: 80vw !important;
    grid-template-columns: 1fr;
    float: none;
    gap: 0;
  }
}
.fepo .featured .products .attribute {
  margin: 1rem 0;
  padding: 0;
  border: 0;
  text-align: left;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured .products .attribute {
    text-align: center;
  }
}
.fepo .featured .products .info {
  display: flex;
  flex-direction: column;
}
.fepo .featured .products .crp {
  margin: 0 0 1rem;
  text-align: left;
  order: 2;
  justify-content: flex-start;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured .products .crp {
    justify-content: center;
  }
}
.fepo .featured .products .prices {
  flex-direction: row;
  margin-bottom: 4rem;
  order: 3;
  position: relative;
}
.fepo .featured .products .woocommerce-loop-product__link {
  padding: 0;
  height: 75%;
  min-width: 150px;
}
.fepo .featured .products .woocommerce-loop-product__link::before {
  -webkit-mask-image: url("../img/svg/blob2.svg");
  -webkit-mask-position: top;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../img/svg/blob2.svg");
  mask-position: top;
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .featured .products .woocommerce-loop-product__link {
    width: 100%;
    height: auto;
  }
  .fepo .featured .products .woocommerce-loop-product__link img {
    position: relative;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .featured .products .woocommerce-loop-product__link {
    width: 150px;
  }
}

/* Carousel */
.fepo .carousel {
  display: flex;
  margin: 4rem auto;
  position: relative;
  text-align: center;
  width: 80vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .carousel {
    width: 90vw;
  }
}
.fepo .carousel button {
  background-color: transparent;
  border: 0;
  color: var(--blue);
  cursor: pointer;
  font-size: 3rem;
}
.fepo .carousel .slides {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.fepo .carousel .slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  width: 100%;
}
.fepo .carousel .pagination {
  bottom: 0;
  display: flex;
  gap: 1rem;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
}
.fepo .carousel .pagination span {
  background-color: var(--lightest);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 1rem;
  width: 1rem;
}

#comments h2 {
  font-size: 1.5rem;
  display: none;
}
#comments strong {
  color: var(--navy);
}
#comments img {
  border-radius: 50%;
  margin: 1rem;
}
#comments .commentlist {
  list-style: none;
}
#comments .comment_container {
  display: flex;
}
#comments .comment_container span {
  color: var(--light-blue);
}
#comments .meta {
  margin: 0;
  color: var(--light-blue);
}

.comment-respond {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.comment-respond label {
  font-weight: bold;
  padding: 1rem;
  color: var(--navy);
  display: inline-block;
}
.comment-respond input,
.comment-respond textarea {
  background-color: transparent;
  padding: 1rem;
  font-size: 1rem;
  color: var(--navy);
  border-radius: 0.5rem;
  font-family: var(--base-font);
  border: 2px solid var(--lightest-blue);
  transition: all 0.2s;
}
.comment-respond input:hover,
.comment-respond textarea:hover {
  background-color: var(--lightest);
}
.comment-respond input:focus,
.comment-respond textarea:focus {
  outline: 2px solid var(--light-blue);
}
.comment-respond .submit {
  background-color: var(--light-blue);
  border-radius: 2rem;
  font-weight: bold;
  color: var(--lightest);
  border: 0;
  width: 10rem;
}
.comment-respond .comment-form {
  background: transparent;
  border-radius: 0.5rem;
  margin: 2rem 0;
  transition: all 0.2s;
}
.comment-respond .comment-form:hover {
  background: var(--light-gray);
}
.comment-respond .comment-form .stars a {
  color: transparent;
  display: inline-block;
  font-size: 2rem;
  width: 1.7rem;
}
.comment-respond .comment-form .stars a::before {
  color: var(--lightest-blue);
  content: "✭";
}
.comment-respond .comment-form .stars .active::before {
  color: var(--orange);
}
.comment-respond .comment-reply-title {
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: bold;
}
.comment-respond .comment-form-rating {
  color: var(--blue);
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin: 1rem;
}
.comment-respond .comment-form-rating p {
  margin: 0 !important;
}
.comment-respond .comment-form-cookies-consent {
  align-items: center;
  display: flex;
}

.fepo .features {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin: 4rem auto;
  text-align: center;
  width: 50rem;
}
.fepo .features ul {
  list-style: none;
}
.fepo .features i {
  color: var(--navy);
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .features {
    grid-template-columns: 1fr;
    max-width: 80vw;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .features {
    max-width: 80vw;
  }
}
@media screen and (min-width: 47em) and (max-width: 61em) {
  .fepo .features {
    max-width: 80vw;
  }
}
.fepo .feature-item {
  display: flex;
  gap: 0.5rem;
  text-align: left;
}
.fepo .feature-item h3 {
  color: var(--light-blue);
  font-size: 1.2rem;
}
.fepo .feature-item i {
  font-size: 5rem;
}
.fepo .feature-item p {
  margin: 0 0 2rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .feature-item {
    flex-direction: column;
    text-align: center;
  }
}
.fepo .feature {
  display: flex;
  flex-direction: column;
}
.fepo .big-feature {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 80vh;
}
.fepo .big-feature div {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  margin: auto;
}
.fepo .image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  max-width: 80vw;
  margin: 2rem auto;
}
.fepo .image-grid img {
  width: 100%;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.fepo .hero {
  align-items: center;
  background: var(--lightest-blue) url(../img/svg/header.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  min-height: 100vh;
  padding: 5vh;
  position: relative;
}
.fepo .hero h1 {
  color: var(--navy);
  font-size: 12vw;
  line-height: 0.9;
  margin: 0;
}
.fepo .hero h1.two-line {
  font-size: 10vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .hero h1.two-line {
    font-size: 15vw;
    line-height: 0.9;
  }
}
.fepo .hero h1 span {
  color: var(--blue);
  display: block;
  font-family: var(--base-font);
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.fepo .hero h2 {
  font-size: 1.25rem;
  color: var(--navy);
  font-family: var(--base-font);
  text-align: left;
  margin: 0;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .hero h2 {
    font-size: 1.1rem;
    margin: 0;
  }
}
.fepo .hero p {
  font-size: 1.1rem;
  margin-bottom: 3.5rem;
  max-width: 25em;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .hero p {
    font-size: 1rem;
  }
}
.fepo .hero .slogan,
.fepo .hero form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.fepo .hero .slogan {
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.fepo .hero .columns {
  display: flex;
  gap: 2rem;
}
.fepo .hero .hero-content {
  margin-bottom: 6rem;
  max-width: 80vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .hero {
    flex-direction: column;
  }
  .fepo .hero .columns {
    display: initial;
    gap: 2rem;
  }
  .fepo .hero h1 {
    font-size: 14vw;
    line-height: 1;
  }
  .fepo .hero h1 span {
    font-size: 6.5vw;
  }
  .fepo .hero .hero-content {
    margin: 10rem 0;
    text-align: center;
  }
}
@media screen and (min-height: 15em) and (max-height: 35em) {
  .fepo .hero {
    flex-direction: column;
    min-height: 150vh;
  }
}

.fepo .pricing {
  display: flex;
  justify-content: center;
  text-align: center;
}
.fepo .pricing .item {
  border-right: 1px dashed var(--border);
  flex-direction: column;
  flex: 0 0 15rem;
  justify-content: center;
  padding: 2rem;
}
.fepo .pricing .item:last-child {
  border-right: 0;
}
.fepo .pricing h3 {
  text-align: center;
}
.fepo .pricing strong {
  color: var(--lightest);
  font-size: 5rem;
  font-weight: 900;
  line-height: 0.7;
}
.fepo .pricing strong::before {
  color: var(--light-blue);
  content: "R$";
  font-size: 1.5rem;
  font-weight: 900;
  margin-top: 1rem;
  vertical-align: top;
}
.fepo .pricing p {
  color: var(--light-blue);
  font-size: 1.2rem;
  margin: 0;
  text-align: center;
}
.fepo .pricing ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0;
  padding: 0;
}
.fepo .pricing ul li {
  margin: 0;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .pricing {
    flex-direction: column;
  }
  .fepo .pricing .item {
    border-bottom: 1px dashed var(--blue);
  }
  .fepo .pricing .item:last-child {
    border-bottom: 0;
  }
}

/* Home sections */
.fepo .home-section {
  padding: 5rem 0 9rem;
  position: relative;
}
.fepo .home-section li {
  margin: 0.5rem 0;
}
.fepo .white::before {
  background-color: var(--lightest);
}
.fepo .white h2 {
  color: var(--navy);
}
.fepo .white h3 {
  color: var(--orange);
  margin: 0;
}
.fepo .white .phrase {
  color: var(--blue);
}
.fepo .orange {
  background-color: var(--orange);
  color: var(--lightest);
}
.fepo .orange::before {
  background-color: var(--orange);
}
.fepo .orange h3 {
  color: var(--navy);
}
.fepo .orange .phrase {
  color: var(--lightest);
}
.fepo .orange a {
  color: var(--lightest);
  opacity: 1;
}
.fepo .orange a:hover {
  opacity: 0.7;
}
.fepo .navy {
  background-color: var(--navy);
  color: var(--lightest);
}
.fepo .navy::before {
  background-color: var(--navy);
}
.fepo .navy li > i {
  color: var(--orange);
}
.fepo .navy h3 {
  color: var(--orange);
}
.fepo .blue {
  background-color: var(--blue);
  color: var(--lightest);
}
.fepo .blue::before {
  background-color: var(--light-blue);
}
.fepo .blue i {
  color: var(--lightest-blue);
}
.fepo .blue h3 {
  color: var(--white);
}
.fepo .blue p {
  color: var(--lightest-blue);
}
.fepo .blue .phrase {
  color: var(--lightest-blue);
}
.fepo .light-blue {
  background-color: var(--light-blue);
  color: var(--lightest);
}
.fepo .light-blue::before {
  background-color: var(--light-blue);
}
.fepo .light-blue i {
  color: var(--lightest-blue);
}
.fepo .light-blue h3 {
  color: var(--white);
}
.fepo .light-blue p {
  color: var(--lightest-blue);
}
.fepo .light-blue .phrase,
.fepo .light-blue cite {
  color: var(--lightest);
}
.fepo .light-blue a {
  color: var(--lightest);
  opacity: 1;
}
.fepo .light-blue a:hover {
  opacity: 0.7;
}
.fepo .lightest-blue {
  background-color: var(--lightest-blue);
  color: var(--navy);
}
.fepo .lightest-blue::before {
  background-color: var(--lightest-blue);
}
.fepo .lightest-blue h3 {
  color: var(--navy);
}
.fepo .lightest-blue .phrase {
  color: var(--blue);
}

.fepo .video-container {
  margin: 2rem auto;
  max-width: 80vw;
}
.fepo .video {
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
}
.fepo .video img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 1rem;
  width: 100%;
}
.fepo .video button {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.fepo .video button i {
  color: var(--lightest);
  font-size: 15vmin;
}
.fepo .video::before {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--lightest-blue);
  border-radius: 1rem;
  content: "";
  cursor: pointer;
  display: block;
  mix-blend-mode: color;
  transition: all 0.2s;
  z-index: 2;
}
.fepo .video:hover::before {
  opacity: 0.5;
}

.fepo-video-box {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  align-items: center;
  background: var(--navy);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  text-align: center;
  z-index: 3;
}
.fepo-video-box button {
  background: transparent;
  border: 0;
  color: var(--lightest);
  font-size: 2rem;
  line-height: 0;
  padding: 0;
  position: fixed;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
.fepo-video-box video {
  border-radius: 1rem;
  max-height: 80vh;
  max-width: 80vw;
  width: auto;
}

.fepo .wc-appointments-appointment-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 45rem;
  margin: auto;
  /*.ui-priority-secondary,
  .ui-state-disabled {
    display: none;
  }*/
}
.fepo .wc-appointments-appointment-form-wrap {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  padding: 2rem;
  position: sticky;
  top: 1rem;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .fepo .wc-appointments-appointment-form-wrap {
    padding: 0;
  }
}
.fepo .wc-appointments-appointment-form p {
  font-size: 0.9rem;
}
.fepo .wc-appointments-appointment-form table {
  margin: 1rem auto;
  text-align: center;
  background-color: transparent;
  /*tr {
    align-items: center;
    display: inline-flex;
  }

  td {
    padding: 0.2rem;
    display: inline;
  }*/
}
.fepo .wc-appointments-appointment-form table.ui-datepicker-calendar {
  background-color: transparent;
  margin: 1rem auto;
}
.fepo .wc-appointments-appointment-form table.ui-datepicker-calendar .ui-state-active {
  color: var(--lightest);
}
.fepo .wc-appointments-appointment-form table th span {
  color: var(--blue);
}
.fepo .wc-appointments-appointment-form table span {
  color: var(--lightest-blue);
}
.fepo .wc-appointments-appointment-form table a {
  color: var(--light-blue);
  margin: 0.25rem;
}
.fepo .wc-appointments-appointment-form *:invalid {
  background-color: var(--error);
  color: var(--lightest);
}
.fepo .wc-appointments-appointment-form *:valid {
  color: var(--green);
}
.fepo .wc-appointments-appointment-form dl {
  display: none;
  justify-content: center;
}
.fepo .wc-appointments-appointment-form dd {
  margin: 0 1rem;
}
.fepo .wc-appointments-appointment-form bdi {
  font-size: 2rem;
}
.fepo .wc-appointments-appointment-form select {
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 2rem;
  border: 0;
  color: var(--orange);
  cursor: pointer;
  font-family: var(--base-font);
  font-size: 1rem;
  font-weight: bold;
  grid-column: 1/3;
  padding: 0.25rem;
  text-align: center;
  transition: all 0.2s;
  width: 100%;
}
.fepo .wc-appointments-appointment-form select:hover {
  background-color: var(--lightest-blue);
  color: var(--navy);
}
.fepo .wc-appointments-appointment-form select:focus {
  outline: 2px solid var(--light-blue);
}
.fepo .wc-appointments-appointment-form-button {
  background-color: var(--green);
  border-radius: 2rem;
  border: 2px solid var(--green);
  color: var(--lightest);
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin: auto;
  padding: 1rem;
  width: 70%;
  transition: all 0.2s;
}
.fepo .wc-appointments-appointment-form-button:hover {
  filter: brightness(1.1);
}
.fepo .wc-appointments-appointment-form-button:disabled {
  background-color: transparent;
  border: 2px solid var(--lightest-blue);
  color: var(--lightest-blue);
  cursor: not-allowed;
}
.fepo .wc-appointments-appointment-form [data-handler=next],
.fepo .wc-appointments-appointment-form [data-handler=prev] {
  cursor: pointer;
  font-size: 0.9rem;
  width: 1.5em;
  padding: 0.5rem;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 1;
  color: transparent;
}
.fepo .wc-appointments-appointment-form [data-handler=prev] {
  order: 1;
}
.fepo .wc-appointments-appointment-form [data-handler=prev]::before {
  content: "◂";
  color: var(--blue);
}
.fepo .wc-appointments-appointment-form [data-handler=next] {
  order: 3;
}
.fepo .wc-appointments-appointment-form [data-handler=next]::before {
  content: "►";
  color: var(--blue);
}
.fepo .wc-appointments-appointment-form .ui-datepicker {
  width: auto !important;
}
.fepo .wc-appointments-appointment-form .ui-datepicker-header {
  align-items: center;
  display: flex;
  justify-content: space-around;
  text-align: center;
  background-color: var(--shadow);
}
.fepo .wc-appointments-appointment-form .ui-datepicker-header .ui-icon-circle-triangle-e,
.fepo .wc-appointments-appointment-form .ui-datepicker-header .ui-icon-circle-triangle-w {
  color: transparent;
}
.fepo .wc-appointments-appointment-form .ui-datepicker-title {
  color: var(--navy);
  font-weight: bold;
  margin: auto;
  order: 2;
  padding: 0.5rem;
  text-transform: uppercase;
}
.fepo .wc-appointments-appointment-form .ui-state-active {
  background-color: var(--orange);
  border-radius: 0.5rem;
  color: var(--lightest);
  padding: 0.5rem;
}
.fepo .wc-appointments-appointment-form .picker {
  width: 100%;
}
.fepo .wc-appointments-appointment-form .slot-picker {
  color: var(--light-blue);
  text-align: center;
}
.fepo .wc-appointments-appointment-form .slot-picker ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  list-style: none;
  padding: 0;
}
.fepo .wc-appointments-appointment-form .slot-picker ul .slot_heading {
  display: none;
}
.fepo .wc-appointments-appointment-form .slot_row {
  border: 2px solid var(--lightest-blue);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  text-align: center;
  position: relative;
  margin: 1rem 0;
}
.fepo .wc-appointments-appointment-form .slot_row:hover {
  border: 2px solid var(--light-blue);
}
.fepo .wc-appointments-appointment-form .slot_row::before {
  color: var(--blue);
  content: "Escolha o horário";
  font-weight: bold;
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
}
.fepo .wc-appointments-appointment-form .slot a {
  color: var(--light-blue);
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.fepo .wc-appointments-appointment-form .slot a:hover {
  color: var(--blue);
}
.fepo .wc-appointments-appointment-form .slot.selected a {
  background-color: var(--orange);
  color: var(--lightest);
}
.fepo .wc-appointments-appointment-form .wc-pao-addon-container .wc-pao-addon-description {
  padding: 0.5rem 0 0;
}
.fepo .wc-appointments-appointment-form .wc-pao-addon-90015-escolha-por-onde-sera-feita-a-sessao-1 select {
  display: none;
}
.fepo .wc-appointments-appointment-form .wc-pao-addon-image-swatch {
  padding: 1rem;
  border-radius: 1rem;
  border: 0;
  background-color: var(--light-gray);
}
.fepo .wc-appointments-appointment-hook {
  grid-column: 1/3;
  text-align: center;
}
.fepo .wc-appointments-date-picker {
  align-items: center;
  border: 2px solid var(--lightest-blue);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0;
  position: relative;
}
.fepo .wc-appointments-date-picker:hover {
  border: 2px solid var(--light-blue);
}
.fepo .wc-appointments-date-picker::before {
  color: var(--blue);
  content: "Escolha o dia";
  font-weight: bolder;
  left: 0;
  position: absolute;
  right: 0;
  top: -1.5rem;
}
.fepo .single_add_to_cart_button.button.alt {
  background-color: var(--green);
  border-radius: 2rem;
  border: 2px solid var(--green);
  color: var(--lightest);
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin: auto;
  max-width: 20rem;
  padding: 1rem;
  width: 70%;
  transition: all 0.2s;
  float: none !important;
}
.fepo .single_add_to_cart_button.button.alt:hover {
  background-color: var(--green);
  filter: brightness(1.1);
}
.fepo .single_add_to_cart_button.button.alt:disabled {
  background-color: transparent !important;
  border: 2px solid var(--lightest-blue);
  color: var(--lightest-blue) !important;
  cursor: not-allowed;
}
.fepo .wc-pao-addon-image-swatch-select {
  display: none;
}

.xoo-wsc-img-col img {
  -webkit-mask-image: url("../img/svg/blob.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-image: url("../img/svg/blob.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  border-radius: 50%;
}
.xoo-wsc-empty-cart .button {
  background-color: var(--orange);
  border-radius: 2rem;
  color: var(--lightest);
  padding: 0.5rem 1rem;
  transition: all 0.2s;
}
.xoo-wsc-empty-cart .button:hover {
  filter: brightness(1.1);
}
.xoo-wsc-products dt {
  color: var(--blue);
  font-style: normal;
}
.xoo-wsc-products bdi {
  font-weight: bold;
}
.xoo-wsc-opac {
  background-color: var(--navy) !important;
}
.xoo-wsc-product {
  margin: 1rem;
}
.xoo-wsc-ft-amt-label {
  color: var(--blue);
}
.xoo-wsc-ft-btn {
  background-color: var(--green);
  border-radius: 2rem;
  color: var(--lightest) !important;
  padding: 0.5rem;
}
.xoo-wsc-ft-btn:hover {
  filter: brightness(1.1);
}
.xoo-wsc-ft-btn-continue {
  background-color: var(--light-blue);
  color: var(--navy);
}
.xoo-wsc-icon-trash {
  color: var(--error);
}

.fepo.single-product .fepo-video-box {
  background-color: var(--blue);
}
.fepo.single-product .profile-video-button {
  left: 0;
  padding-bottom: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.fepo.single-product .profile-video-button button {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.9;
  background: transparent;
  border: 0;
  color: var(--lightest);
  font-size: 6rem;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.fepo.single-product .profile-video-button button::before {
  background: var(--light-blue);
  border-radius: 2rem;
  bottom: 0;
  content: "Apresentação";
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  left: 50%;
  opacity: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  text-transform: uppercase;
  transform: translateX(-50%);
  transition: all 0.2s;
}
.fepo.single-product .profile-video-button button:hover {
  opacity: 1;
}
.fepo.single-product .profile-video-button button:hover::before {
  bottom: 2rem;
  opacity: 1;
}

.shop-heading {
  align-items: center;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background: var(--lightest-blue) url(../img/svg/header2.svg);
  display: flex;
  height: 60vh;
  justify-content: center;
  min-height: 450px;
  position: relative;
}
.shop-heading h1 {
  color: var(--lightest);
  font-size: 12vw;
  line-height: 0.9;
  margin: 0;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .shop-heading h1 {
    font-size: 15vw;
  }
}
.shop-heading .contents {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 90vw;
}
@media screen and (min-width: 15em) and (max-width: 47em) {
  .shop-heading .contents {
    flex-direction: column;
    gap: 1.5rem;
  }
}

/*# sourceMappingURL=fepo.min.css.map */