/*
Theme Name: Softfocus
Theme URI:	https://softfocus.com.br/
Author: Rafael Forcadell
Version: 1.0
*/


/* 
Ligamos para você
--------------------------------------------
*/


header.header + nav.ligamos-para-voce ul { display: none; }
header.header + nav form { display: none; top: var(--altura-inicio); color: var(--cor-000); }
header.header + nav form p { font-size: var(--fs-100); line-height: 1.3333em; margin-bottom: var(--espaco); margin-left: calc((100vw - var(--limite)) * .5); }
header.header + nav form p span { display: table; }
header.header + nav form .campos { display: flex; left: 0; transition: left 300ms ease-in-out; }
header.header + nav form .campo { flex-basis: 100vw; display: flex; padding: 0 calc((100vw - var(--limite)) * .5); }
header.header + nav form label { flex-grow: 1; display: flex; font-size: var(--fs-800); font-weight: var(--fw-medium); line-height: 1.3333em; white-space: nowrap; } 
header.header + nav form label:before { display: none; }
header.header + nav form label > div { flex-grow: 1; margin-left: var(--espaco); }
header.header + nav form input { width: 100%; color: var(--cor-000); background-color: transparent; border: 1px solid var(--cor-000); border-width: 0 0 1px; padding: 0; font-family: var(--ff); font-size: var(--fs-800); font-weight: var(--fw-thin); line-height: 1.3333em; }
header.header + nav form input:-webkit-autofill { -webkit-text-fill-color: var(--cor-000) !important; }
header.header + nav form select { width: 100%; color: var(--cor-000); background-color: transparent; border: 1px solid var(--cor-000); border-width: 0 0 1px; padding: 0; font-family: var(--ff); font-size: var(--fs-800); font-weight: var(--fw-thin); line-height: 1.3333em; }
header.header + nav form select * { font-size: var(--fs-300); color: var(--cor-900); }
header.header + nav form small { display: table; font-size: var(--fs-100); font-weight: var(--fw-regular); line-height: 1.3333em; margin-top: 10px; margin-left: 3px; }
header.header + nav form .campo a.botao,
header.header + nav form button[type=submit] { position: absolute; bottom: calc(var(--espaco) * -.5); transform: translateY(100%); }
header.header + nav form .campo a.botao.avancar,
header.header + nav form button[type=submit] { right: calc((100vw - var(--limite)) * .5); }
header.header + nav form button[type=submit][disabled] { color: var(--cor-000); border-color: var(--cor-000); background-color: transparent; }
header.header + nav form.enviando button[type=submit]:before { position: absolute; top: 50%; right: -35px; width: 20px; height: 20px; margin-top: -10px; background-image: url(../imagens/lazy/carregando.svg); background-repeat: no-repeat; background-position: center; background-size: contain; filter: invert(1); animation: enviando 500ms linear infinite; content: ""; }
header.header + nav form *.disabled { pointer-events: none; cursor: default; }
header.header + nav form .resultado { padding: 0 calc((100vw - var(--limite)) * .5); font-size: var(--fs-800); font-weight: var(--fw-medium); line-height: 1.3333em; }
header.header + nav form p span.piscar { animation: piscar 150ms linear; animation-iteration-count: 10; }
header.header + nav.ligamos-para-voce form { display: block; }


@media screen and (min-width: 1024px) and (max-height: 750px) {

	header.header + nav form { top: calc(50vh - (var(--fs-800) * 2.5)); }

}


@media screen and (min-width: 768px) and (max-width: 1279px) {

	header.header + nav form .campo.invalido small { font-size: 0; }
	header.header + nav form .campo.invalido small strong { font-size: var(--fs-100); line-height: 1.3333em; }

}