/*!
Protect Express
Versão 1.0.0

Desenvolvimento: Marco Andrei Kichalowsky, Arsnova Digital (https://arsnova.digital)

Copyright 2025 Protect Segurança Patrimonial
01/09/2025
*/


/* CORREÇÕES
--------------------------------------------- */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}


/* VARIÁVEIS
--------------------------------------- */

:root {
    --largura-miolo: 768px;

    --preto: #050305;
    --azul: #0ABAFA;
    --azul-escuro: #153D64;
    --cinza: #CFCFCF;
    --cinza-claro: #FDFDFD;
}


/* PADRONIZAÇÃO
--------------------------------------- */

html {
    background-color: var(--preto);
    font-size: 20px;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 2rem 1rem;
}

img {
    height: auto;
    max-width: 100%;
}


/* Tipografia */

body {
    color: white;
    font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    line-height: 1.5;

}

header {
    margin: 0 auto;
    max-width: var(--largura-miolo);
    text-align: center;
    width: 100%;
}

.content {
    margin: 0 auto;
    max-width: var(--largura-miolo);
    text-align: center;
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: bold;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

@media (min-width: 640px) {
    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }
}

.btn-bar {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    max-width: var(--largura-miolo);
    width: 100%;
}

a {
    text-decoration: none;
}

button {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    background-color: #61CE7000;
    border-radius: 200px;
    border: 0.5px solid #EEE;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    margin-top: 1rem;
    padding: 20px 40px 20px 40px;
}


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


.form-captacao form {
    margin: 0 auto;
    max-width: 480px;
    text-align: left;
}

.form-captacao input {
    clear: both;
    font-size: 1rem;
    margin: 0.25rem auto 0.25rem;
    padding: 0.5rem 1rem;
    width: 100%;
}

.form-captacao textarea {
    font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    height: 4rem;
    margin: 0.25rem auto 0.25rem;
    padding: 0.5rem 1rem;
    width: 100%;
}

.form-captacao label {
    font-size: 0.75rem;
    font-weight: 700;
}

.form-captacao input[type='submit'] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    background-color: #61CE7000;
    border-radius: 200px;
    border: 0.5px solid #EEE;
    color: white;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    margin-top: 1rem;
    padding: 20px 40px 20px 40px;
    width: 200px;
}

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--largura-miolo);
    padding: 6rem 1rem 0;
    width: 100%;
}

.creditos {
    font-size: 0.65rem;
}

.arsnova {
    opacity: 40%;
}

/* Go Top */

#go-top {
    font-size: 2rem;
    position: fixed;
    left: 25px;
    bottom: 25px;
    display: none;
}

#go-top a {
    color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 40em) {
    #go-top {
        position: fixed;
        left: 50px;
    }
}

/* WhatsApp */

.floating {
    align-items: center;
    justify-content: center;
    display: flex;
    position: fixed;
    bottom: 25px;
    right: 25px;
    padding: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    z-index: 100;
    text-decoration: none;
}

.floating span {
    font-size: 16px;
    margin: 0px 15px;
}

.floating:hover {
    background-color: #03b144;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

.float-button {
    font-size: 28px;
}