#ultimo{
    text-transform: capitalize;
}

body {
    background-color: #eeeeee;
}

h1 {
    border-bottom: 2px solid #F1D578;
    font-weight: 400;
}

p {
    letter-spacing: -0.45px;
    font-family: 'Gotham Book', sans-serif;
}

.title-section h2 {
    font-size: 2.8rem;
    font-weight: 500;
    font-family: GothamMedium;
}

.form-content {
    height: 100%;
}

.fale-conosco {
    background: rgb(238,238,238);
    background: linear-gradient(180deg, rgba(238,238,238,1) 85%, rgba(22,22,22,1) 85%);
}

#pageMessages {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 30%;
}

.contact-option {
    width: 80%;
}

.espaco-branco {
	background-color: #EAEBEF;	
}

.maps-section {
	height: 500px;
	width: 100%;
    padding-bottom: 2rem;
}

.titulo h3{
	color: #161616;
	font-weight: bold;
}

.formulario-contatos {
    background-color: var(--clr-yellow);
    position: relative;
}

.formulario-contatos select {
    font-size: 1.3rem;
    text-align: start;
    font-weight: 400;
    font-family: 'Gotham', sans-serif;
    border-radius: 0;
    padding: 1rem 1rem;
    background-color: #161616;
    color: #FFF;
}

#load-form :is(input, textarea) {
	border: none;
    border-bottom: 1px solid #000000;
    background-color: transparent;
    padding: 1rem 0rem 0.1rem 0.1rem;
    border-radius: 0;
    font-family: 'Gotham Book', sans-serif;
    font-size: 1.25rem;
}

#load-form :is(input:focus, textarea:focus) {
	outline: none;
	box-shadow: none;
}

#load-form input::placeholder, #load-form textarea::placeholder  {
    color: #000;
    font-weight: 400;
}

.btn-enviar{
	width: 70%;
    background-color: #161616;
}

.contato{
	background-color: #161616;
	height: auto;
}

.localizacao-texto h4, .contato-texto h4{
	color: var(--clr-yellow);
    font-family: GothamMedium;
    display: inline-block;
}

.contato-texto h4::after {
    content: '';
    display: block;
    height: 1px;
    opacity: 0.7;
    margin-top: 5px;
    width: 100%;
    background: #F1D578;
}

.localizacao-texto h4::after {
    content: '';
    display: block;
    margin-top: 5px;
    opacity: 0.7;
    height: 1px;
    width: 100%;
    background: #F1D578;
}

.localizacao-texto p, .contato-texto p{
	color: #fff;
    font-family: GothamBook;
    line-height: 30.00px;
}
.redes-sociais{
	margin-left: -60px;
}
.redes-sociais img {
    height: 60px;
}

@media screen and (max-width:  768px) {
	.maps-div {
		order: 2;
	}
	.formulario-contatos {
		width: 100%;
		top: 0px;
	}
}

@media screen and (max-width: 425px) {
    .formulario-contatos select {
        font-size: 18px;
    }

    .redes-sociais {
        margin-left: 0;
        justify-content: start !important;
    }
}

.btn:hover {
    color: #fff !important;
}

.opcao-btn {
    background: url("../img/icon-down.png") 95.5% 50% no-repeat;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .formulario-contatos {
        min-width: 395px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1560px) {
    .formulario-contatos {
        min-width: 395px;
    }
}

@media screen and (min-width: 2560px) {
    .formulario-contatos {
        max-width: 420px;
    }
}

/* //////////////////////////////////////////////////// */


/* ================= CONTATO – UX PREMIUM ================= */

.anim-info {
    position: relative;
    padding-left: 18px;
    cursor: default;
    transition: transform .35s ease;
}

.anim-info::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 0;
    background: var(--clr-yellow);
    transition: height .35s ease;
}

/* Hover geral (Localização + Contato) */
.anim-info:hover {
    transform: translateY(-3px);
}

.anim-info:hover::before {
    height: 80%;
}

/* Títulos */
.anim-info h4 {
    transition: color .3s ease;
}

.anim-info:hover h4 {
    color: var(--clr-yellow);
}

/* Texto */
.anim-info p {
    transition: color .3s ease;
}

/* Contato específico */
.info-contato span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: color .3s ease;
}

.info-contato span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: var(--clr-yellow);
    transition: width .3s ease;
}

.info-contato span:hover {
    color: var(--clr-yellow);
}

.info-contato span:hover::after {
    width: 100%;
}

/* Redes sociais */
.anim-redes a img {
    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}

.anim-redes a:hover img {
    transform: translateY(-6px) scale(1.08);
    filter: brightness(1.15);
}

/* Entrada suave da section */
.anim-contato {
    opacity: 0;
    transform: translateY(30px);
    transition: all .9s cubic-bezier(.22,1,.36,1);
}

.anim-contato.is-visible {
    opacity: 1;
    transform: none;
}