/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/

@import "./assets/css/fonts.css";
@import "./assets/css/custom-colors.css";
@import "./assets/css/buttons.css";
@import "./assets/css/card.css";
@import "./assets/css/responsive.css";
@import "./assets/css/form-marketo.css";


html, body{
  font-family: "Source Sans 3";
  scroll-behavior: smooth !important;
  overflow: visible;
}


section {
  scroll-margin-top: 100px; /* Define uma margem de 100px acima da seção quando rolar até ela */
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.texto-copy p{
  margin: 0 auto;
  max-width: 88ch;
}

.categorias:nth-child(odd) {
  background-color: var(--default-black);
}

.categorias:nth-child(even) {
  background-color: var(--dark-grey);
}
/*-------------------------------*/
.product.loaded {
  opacity: 0; /* Inicialmente invisível */
  transform: translateY(20px); /* Leve deslocamento para baixo */
  transition: opacity 0.5s ease, transform 0.5s ease; /* Transição suave ao aparecer */
}

/* Quando o produto for visível (fade-in), aplicar o efeito de transição */
.product.loaded.show {
  opacity: 1; /* Visível */
  transform: translateY(0); /* Voltar à posição original */
}

/* Transição suave para esconder os produtos (fade-out) */
.product.hide {
  opacity: 0;
  transform: translateY(-20px); /* Deslocamento para baixo ao esconder */
  transition: opacity 0.5s ease, transform 0.5s ease; /* Transição suave ao esconder */
}

/*-------------------------------*/
section:focus-visible{
  outline: none;
  border: none;
}