/*!
Theme Name: Appilo
Theme URI: https://themeforest.net/item/appilo-app-landing-wordpress-theme/22358661
Author: ThemeXriver
Author URI: http://themexriver.com
Description: Appilo One Page App Landing WordPress Theme
Version: 6.1.8
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: appilo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

.card-lp3 {
	height: 400px !important;
}

.card-lp3 h3 {
    margin-bottom: 26px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-btn-contato-lp3 {
            display: inline-flex;
            align-items: center;
            background-color: #64a500; /* Cor de fundo do botão */
            border-radius: 50px; /* Bordas arredondadas */
            padding: 10px 20px 10px 50px; /* Espaço ao redor do texto */
            color: white; /* Cor do texto */
            font-size: 16px;
            text-decoration: none;
            font-weight: bold;
            position: relative; /* Para posicionar o ícone */
			height: 70px;
			border: 3px solid #375903;
    		box-shadow: 0px 0px 9px 1px rgba(0,0,0,.65);
        }

         .custom-btn-contato-lp3:hover {
            color: white;
			background-color: #487701;
        }

.custom-btn-contato-lp3:visited {
	color: white;
}

        .icon-container-custom {
            position: absolute;
            left: -60px; /* Ajuste a posição do ícone */
            top: 50%; /* Centraliza verticalmente */
            transform: translateY(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #64a500; /* Cor de fundo do ícone */
            border-radius: 50%; /* Forma redonda */
            width: 100px; /* Tamanho do ícone */
            height: 100px;
			border: 3px solid #375903;
    		box-shadow: 0px 0px 6px 1px rgba(0,0,0,.65);
        }

		.icon-container-custom:hover {
			color: white;
			background-color: #487701;
		}

        .icon-container-custom i {
			font-size: 40px;
			margin-left: 4px;
        }

		.custom-btn-contato-lp3:hover .icon-container-custom {
			background-color: #487701;
		}
		.custom-btn-contato-lp3:visited .icon-container-custom {
			color: white;
		}

		
		.icon-container-custom-lp3:hover {
			background-color: #29006d;
		}

.btn-fix-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .custom-btn-registro-lp3 {
	background-color: #5a00f0;
	border: 3px solid #29006d;
	
}
.custom-btn-registro-lp3:hover .icon-container-custom {
	background-color: #29006d;
}

.icon-container-custom-lp3 {
	background-color: #5a00f0;
	border: 3px solid #29006d;
} */

.icon-container-registro-lp3 {
	position: absolute;
            left: -60px; /* Ajuste a posição do ícone */
            top: 50%; /* Centraliza verticalmente */
            transform: translateY(-50%);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #5a00f0; /* Cor de fundo do ícone */
            border-radius: 50%; /* Forma redonda */
            width: 100px; /* Tamanho do ícone */
            height: 100px;
			border: 3px solid #29006d;
    		box-shadow: 0px 0px 6px 1px rgba(0,0,0,.65);
}

.custom-btn-registro-lp3{
	display: inline-flex;
            align-items: center;
            background-color: #5a00f0; /* Cor de fundo do botão */
            border-radius: 50px; /* Bordas arredondadas */
            padding: 10px 20px 10px 50px; /* Espaço ao redor do texto */
            color: white; /* Cor do texto */
            font-size: 16px;
            text-decoration: none;
            font-weight: bold;
            position: relative; /* Para posicionar o ícone */
			height: 70px;
			border: 3px solid #29006d;
    		box-shadow: 0px 0px 9px 1px rgba(0,0,0,.65);
	
}

.custom-btn-registro-lp3:hover{
	color: white;
	background-color: #29006d;
}

.custom-btn-registro-lp3:visited{
	color: white;
}

.icon-container-registro-lp3 {
	font-size: 33px;
	margin-left: 4px;
}

.icon-container-registro-lp3:hover {
	color: white;
	background-color: #29006d;
}

.custom-btn-registro-lp3:hover .icon-container-registro-lp3 {
	color: white;
	background-color: #29006d;
}
.custom-btn-registro-lp3:visited .icon-container-registro-lp3 {
	color: white;
}

@media (max-width: 785px){
	.custom-btn-registro-lp3 {
		width: 240px;
		margin-left: 50px;
	}
	
	.custom-btn-contato-lp3 {
		width: 240px;
		margin-left: 55px;
		margin-top: 30px;
	}
}

.fix-typo-co-lp p {
	margin-top: 35px!important;		
}


/* btns */








.btn {
  --color: #8540f5;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  border: none;
  background-color: transparent;
}

.btn div {
  letter-spacing: 2px;
  font-weight: bold;
  background: var(--color);
  border-radius: 2rem;
  color: white;
  padding: 1rem;
}

.btn::before {
  content: '';
  z-index: -1;
  background-color: var(--color);
  border: 2px solid white;
  border-radius: 2rem;
  width: 110%;
  height: 100%;
  position: absolute;
  transform: rotate(10deg);
  transition: .5s;
  opacity: 0.2;
}

.btn:hover {
  cursor: pointer;
  filter: brightness(1.2);
  transform: scale(1.1);
}

.btn:hover::before {
  transform: rotate(0deg);
  opacity: 1;
}

.btn svg {
  transform: translateX(-200%);
  transition: .5s;
  width: 0;
  opacity: 0;
}

.btn:hover svg {
  width: 25px;
  transform: translateX(0%);
  opacity: 1;
}

.btn:active {
  filter: brightness(1.4);
}

/* Icones da HOME 
 
.icon-v4.icon_documents_alt {
    top: 10px!important; 
}*/