/*
	Theme Name: Agência 4 Cantos
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Tema customizado para Agência 4 cantos
	Author: Jorge Salvador
	Author URI: https://agencia4cantos.com.br
	Template: hello-elementor
	Version: 1.0.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
html {
  scroll-behavior: smooth;
}

.serv-card {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transition: transform 1s cubic-bezier(.4,0,.2,1);
}

.serv-card:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  --tw-translate-x: 0.25rem;
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
             rotate(var(--tw-rotate))
             skewX(var(--tw-skew-x))
             skewY(var(--tw-skew-y))
             scaleX(var(--tw-scale-x))
             scaleY(var(--tw-scale-y));
}


@media (max-width: 768px) {
  .serv-card {
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
	transition: transform 1s;
  }
}

.fade-in-element {
  opacity: 0;
  animation: fadeInCustom 1.5s ease-in-out forwards;
}

@keyframes fadeInCustom {
  from { opacity: 0; transform: scale(1.2);}
  to { opacity: 1; transform: scale(1.0);}
}


/* DELAY HELPERS*/

.delay-1 { animation-delay: 0.6s; }  
.delay-1-f { animation-delay: 0.3s; }  
.delay-2 { animation-delay: 1.2s; } 
.delay-2f { animation-delay: 0.6s; }
.delay-3 { animation-delay: 1.8s; }

.delay-3f { animation-delay: 0.9s; }
.delay-4 { animation-delay: 2.4s; }
.delay-4f { animation-delay: 1.2s; }