/*
Theme Name: O CONDUTOR
Theme URI: https://temnapraia.com.br
Author: TEMNAPRAIA
Author URI: https://temnapraia.com.br
Description: Bot de operações automáticas em mercado de futuros Binance
Version: 1.0
License: Comercial
License URI: https://temnapraia.com.br
Tags: undefined
Text Domain: temnapraia
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=TASA+Orbiter:wght@400..800&display=swap');

:root {  
	
	/* Geral
	------------------------------------------------------------------------------------------------------------------ */
	--white:#ffffff;
	--black:#111111;
	--gray:#ccc;
	
	--primary:#111;
	--secondary:#FFDB2B;
	--tertiary:#9f9999;
	

	--light-gray:#efefef;
	--light-primary:#E8EDF4;
	--light-secondary:#E8f4ed;
	--light-tertiary:#FFF5EC;
	
}

	html{
		scroll-behavior: smooth;
	}
	
	
/* BARRA DE ROLAGEM */
	::-webkit-scrollbar {
		width: 9px;
		background: transparent; 
	
	}
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0px 1px #D9E2FF; 
		
 	}
	::-webkit-scrollbar-thumb {
		background: #758195; 
	
	}
	::-webkit-scrollbar-thumb:hover {
		background: #596678; 
	
	}
	
	
	*{
		/* overflow-x:hidden; */
		transition: all 0.2s linear;
	}	
	
	
	body{
		background: #fff;
		overflow:hidden;
		
		
	}
	
	main{
		overflow-x:hidden;
		overflow-y:scroll;
		height:89.9vh;
	}
	
		
	*,body{
		font-family: "Inter", sans-serif;
		font-optical-sizing: auto;
	}

	h1,h2,h3,h4,h5,h6{
		font-family: "TASA Orbiter", sans-serif;
		font-optical-sizing: auto;
	}
	
	
	
	.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6{
		color:var(--secondary);
	}
	.bg-primary p, .bg-primary, .bg-primary label {
		color:var(--white)!important;
	}
	
	.false_title{
			font-family: "TASA Orbiter", sans-serif;
			font-optical-sizing: auto;
			/* font-size:26px; */
		font-weight:600;
	}
,	

	.false_title.small{
		font-size:16px;
		font-weight:600;
	}

	.false_title.medium{
		font-size:26px;
		font-weight:600;
	}
	.false_title.big{
		font-size:56px;
		font-weight:600;
	}


	.grid-container{
		max-width:1380px;
	}


	.callout.error{
		display:none;
		
	}
	.callout.error{
		color:#f00!important;
		font-weight:600!important;
	}

	
	/* MENU E BARRA SUPERIOR */
	.sticky-container {
		position: sticky;
		top: 0;
		z-index: 100;
		background-color: #fff; 
		
	}
	/* MOBILE */
	.sticky-container .title-bar{
		background: var(--bg-dark);
		width:100%;
	}
	
	.sticky-container .title-bar .mobile-logo{
		padding:0;
		margin:0 0 0 0px;
	}
	.sticky-container .title-bar .mobile-logo img{

		width:200px;
	}
	
	/* DESKTOP */
	.sticky-container .top-bar, .sticky-container .top-bar .menu {
		background: var(--bg-dark);
		
	}
	.sticky-container .top-bar .desk-logo{
		padding:0;
		margin:0 0 0 0px;
	}
	.sticky-container .top-bar .desk-logo img{
		/* margin-top:-10px; */
		width:200px;
	}
	
	.sticky-container .title-bar .icon-menu{
		position:absolute;
		right:0px;
		padding:0 10px;
		top: 50%;
		transform: translateY(-45%);
		color:var(--bg-light);
		font-size:22px;
		
	}
	
	.sticky-container .title-bar .panel-menu{
		position:absolute;
		right:45px;
		padding:5px 10px;
		top: 50%;
		transform: translateY(-45%);
		color:var(--secondary);
		font-size:14px;
		
	}
	
	
	
	.sticky-container .title-bar .open-menu{
		float:left;
		color:var(--bg-light);
		font-size:22px;
	}
	
	.sticky-container .title-bar .search-menu{
		float:left;
		color:var(--bg-light);
		font-size:22px;
	}

	
	
	/* DROPDOWN SUPERIOR */
	.sticky-container .top-bar .top-bar-left .item-menu{
		margin-left:5px;
		margin-top:10px;
	}
	.sticky-container .top-bar .top-bar-left .item-menu-first{
		margin-left:20px;
	}
	
	.sticky-container .top-bar .top-bar-left .item-menu a{
		color:var(--bg-light);
	}
	.sticky-container .top-bar .top-bar-left .item-menu a::after {
		border-top-color:var(--bg-light);
	}
	
	
	
	
	
	
	#wp-submit{
		width:100%;
		background:var(--primary);
		color:var(--secondary);
	}
	
	
	
	

.js-off-canvas-overlay{
	z-index:99998!important;
}

	.off-canvas.position-right {
		width: 100%;
		max-width: 100%;
		transform: translateX(100%);
		transition: transform 0.4s ease-in-out; /* tempo ajustado */
		box-shadow: -3px 0 15px rgba(0, 0, 0, 0.15);
		overflow-y: auto;
		overflow-x: hidden;
		border-radius: 0px 0 0 0px;
		padding:0;
		z-index:99999!important;
	
	}

	.off-canvas.is-open {
		transform: translateX(0);
		
	}

#login_panel{
	background: var(--secondary);transition: transform 0.4s ease-in-out; /* tempo ajustado */
}

#subscribe_panel{
	background: var(--secondary);transition: transform 0.4s ease-in-out; /* tempo ajustado */
	}

@media screen and (min-width: 640px) {
	#subscribe_panel{
		width: 80%;
		max-width: 80%;
		max-width:900px;
	}

	#login_panel{
		width: 70%;
		max-width: 70%;
		max-width:600px;
	}
}


@media screen and (min-width: 1024px) {
	#subscribe_panel{
		width: 80%;
		max-width: 80%;
		max-width:800px;
	}

	#login_panel{
			width: 70%;
		max-width: 70%;
		max-width:700px;
	}
}







.bg-primary{
	background:var(--primary);
}

.bg-secondary{
	background:var(--secondary);
}
.bg-gray{
	background:#efefef;
}






.button{
	border-radius:5px;
}



.button.special{
	background:var(--primary);
	border-color:var(--secondary);
	color:var(--secondary);
}
.button.special:hover{
	background:var(--secondary);
	border-color:var(--primary);
	color:var(--primary);
}

.button.special.hollow{
	background:transparent;
	border-color:var(--primary);
	color:var(--primary);
}



.button.primary{
	background:var(--primary);
	color:var(--secondary);
}

.button.primary.hollow{
	background:transparent;
	border-color:var(--primary);
	color:var(--primary);
}



.button.secondary{
	background:var(--secondary);
	color:var(--primary);
}

.button.secondary.hollow{
	/* background:transparent; */
	border-color:var(--secondary);
	color:var(--secondary);
}






.button.tertiary{
	background:var(--tertiary);
	color:var(--white);
}

.button.tertiary.hollow{
	/* background:transparent; */
	border-color:var(--tertiary);
	color:var(--tertiary);
}






.button.gray{
	background:var(--gray);
	color:var(--white);
}

.button.gray.hollow{
	background:transparent;
	border-color:var(--gray);
	color:var(--gray);
}




.callout.subscribeoffer{
	padding:0;
	border-radius:8px;
	border:solid 2px var(--primary);
}

.callout.subscribeoffer .offertitle {
	text-align:center;
	border-radius:6px 6px 0 0;
	color:var(--white);
	background:var(--primary);
	padding:3px 0;
}




.acf-accordion-title .description{
	width:80%;
}

.acf-accordion-title label{
	font-size:1.1rem!important;
	font-weight:600;
}


.acf-accordion-content{
	padding-bottom:30px!important;
}

.acf-field-accordion
  > .acf-accordion-title{
	  position:relative;
  }


.acf-field-accordion[data-key="field_6936767d1939d"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f448"; /* dashicons- */
  font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
}



.acf-field-accordion[data-key="field_6942cf0870072"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f16b"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
}




.acf-field-accordion[data-key="field_6942d0a170073"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f240"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
  
}



.acf-field-accordion[data-key="field_6942d0b070074"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f231"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
  
}




.acf-field-accordion[data-key="field_6942d0c270075"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f161"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
  
}



.acf-field-accordion[data-key="field_6942d10270076"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f508"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
  
}


.acf-field-accordion[data-key="field_6942d12070077"]
  > .acf-accordion-title
  > .acf-accordion-icon::before {
  content: "\f313"; /* dashicons- */
 font-size:3rem;
  position:absolute;
  right:10px!important;
  top:18px;
  color:var(--secondary);
  
}



.acf-form-submit .button{
	background:var(--primary);
	color:var(--secondary);
	margin-top:30px;
	width:100%;
}



.acf-input p.description{
	font-size:12px;
	
}










.acf-button-group {
  display: flex;
  gap: 12px;
}

/* Esconde o input */
.acf-button-group input {
  display: none;
}

/* Botão visual */
.acf-button-group label span {
  display: block;
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #F5F7F6;
  background: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover */
.acf-button-group label:hover {
  border-color: var(--primary);
  color:var(--primery);
  background: #F5F7F6;
}



/* Quando selecionado */
.acf-button-group input:checked + label {
  background: #f00!important;
  color: #ffffff;
  border-color: #111827;
}
.acf-button-group label.selected {
  background: var(--primary)!important;
  color: var(--secondary);
  border-color: #111827;
}



.acf-switch{
	height:35px;
}


.acf-switch, .acf-switch:hover,.acf-switch-slider,.acf-switch-slider:hover, .acf-switch:hover > .acf-switch-slider{
	border-color:var(--primary);
	color:#000;
}



.acf-switch.-on{
  background: var(--primary)!important; /* ativo */
  color: var(--secondary)!important; /* ativo */
  text-shadow:none;
  border-color:var(--primary)!important;
}

.acf-switch.-on > .acf-switch-slider{
 
  color: var(--secondary)!important; /* ativo */
  border-color:var(--primary)!important;
}


.acf-switch.-on span {
  
  color: var(--secondary)!important; /* ativo */
}




.button.loading {
  pointer-events: none;
  opacity: 0.7;
}

.button.loading::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f110"; /* fa-spinner */
  display: inline-block;
  animation: fa-spin 1s infinite linear;
}




.om-aeroportos-atendidos {
    font-size: 0.9rem;
    color: #555;
    margin-top: 1rem;
}



.select2-container .select2-selection--single {
    height: 48px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}






 .wprc-copy-link .tooltip{
	max-width:100%!important;
}
.btn-copy{
	margin-top:12px!important;
}






.callbutton{
	padding:10px;
	background:#F5F7F6; 
	border-radius:15px; 
	border:solid 2px #E0E0E0;
	margin:auto 10px;
}

.callbutton .button{
	
	margin-bottom:0px;
}


.callbutton h1{
	font-size: clamp(1.8em, 2vw , 2.2em);
	font-weight:700; 
	margin-bottom:1px;
	padding-bottom:2px;
	line-height:100%;
}

.callbutton p{
	
	margin-top:0px;
	padding-top:0px;
}








.callout{
	border-radius:15px;
	border:solid 1px #e0e0e0!important;
}


.callout.gray{
	background:#F5F7F6!important; 
}



.pix-copy {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pix-copy__input {
    flex: 1;
    font-size: 0.9rem;
    padding: 0.5rem;
	
}

.pix-copy__button {
    white-space: nowrap;
	background:var(--secondary);
	padding:11px 10px;
	margin-top:-14px;
}

.pix-copy__button.is-copied {
    background-color: #16a34a;
    color: #fff;
}









.itemmenu h4{
	font-size:30px;
	margin-top:6px;
}

.itemmenu .callout{
	background:#F5F7F6;
	border-radius:5px;
}

.itemmenu ul{
	list-style:square ;
}
.itemmenu ul li{
	font-size:12px;
}



.titleitem .fa{
	background:#000;
	padding:3px 5px;
	border-radius:10px;
	font-size:50px;
	min-width:50px;
	line-height:-top:20px;
	color: var(--secondary);
}
















.headersite{
	
}


.callbutton.headersite h1{
	font-size: clamp(1.8rem, 3.5vw, 2.1rem);
}


.titlesection{
	
	font-size: clamp(1.7rem, 3.5vw, 2rem);
	
	margin-bottom:15px;
}


.titlesectionsmall{
	
	font-size: clamp(0.8rem, 3.5vw, 1.3rem);
	
	margin:20px 0 15px 0; 
}


.titlesectionsmallest{
		
	font-size: clamp(0.6rem, 3.5vw, 0.9rem);
	color:#696969;
	margin:20px 0 0px 0; 
	font-weight:bold;
}






.contact-line a{
	font-size: clamp(1.2rem, 3.5vw, 1.4rem);
	color:var(--primary);
	margin-right:15px;
	margin-bottom:0;
}





.no-bullet{
	padding-left:30px;
}





.driver-card{
	background:#F5F7F6;
}





.service-tag{
	list-style:none;
	padding:0;
	margin:0;
}

.service-tag li{
	float:left;
	border:solid 1px #ccc;
	background:#F5F7F6;
	padding:3px 6px;
	font-size:12px;
	border-radius:5px;
	margin:5px 5px 5px 0px;
}






.read-more-wrapper {
  position: relative;
}

.read-more-content {
  max-height: 2em; /* ~4 linhas */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* Gradiente opcional (UX melhor) */
.read-more-content::after {
  content: "";
  position: absolute;
  bottom: 2.5em;
  left: 0;
  width: 100%;
  height: 2em;
  /* background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); */
}

/* Estado expandido */
.read-more-wrapper.is-open .read-more-content {
  max-height: 100vh;
}

.read-more-wrapper.is-open .read-more-content::after {
  display: none;
}

.read-more-toggle {
  background: none;
  border: 0;
  color: var(--primary); /* padrão Foundation */
  cursor: pointer;
  padding: 0;
  margin-top: 0.5rem;
  font-size:12px;
  font-weight: normal;
}









.transfer-item {
  display: none;
}


/* Card base */
.transfer-card {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

/* Label do serviço */
.service-label {
  
  color: var(--primary);
  font-size: 1.4rem;
 
  display: inline-block;
  margin-bottom: 12px;
  font-weight: 600;
}

/* Origem → Destino */
.route-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 8px 0 14px;
  font-size: 1rem;
}

.route-point {
  flex: 1;
  text-align: center;
  line-height: 1.2;
}

.route-point small {
  display: block;
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 2px;
}

.route-point strong {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  white-space: nowrap;
  
  overflow: hidden;
  text-overflow: ellipsis;
}

.route-point em {
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  color: #555;
}

.route-arrow {
  flex: 0 0 auto;
  font-size: 1.1rem;
  font-weight: 600;
  color: #aaa;
}

/* Rota link */
.route-link {
  font-size: 0.75rem;
  margin-bottom: 6px;
}

.route-link a {
  color: #0d6efd;
  text-decoration: none;
}

/* Preço */
.price {
  font-size: 0.85rem;
  margin: 6px 0 12px;
}

.price span {
  font-weight: 600;
}

/* CTA */
.transfer-cta {
  display: block;
  margin-top: auto;
  text-align: center;
  background: #000;
  color: #ffd400;
  padding: 10px;
  border-radius: 10px;
  font-size: 0.85rem;
  text-decoration: none;
  font-weight: 600;
}

/* Grid – 9 cards */
.transfer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  .transfer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .transfer-grid {
    grid-template-columns: 1fr;
  }
}



/* Container opcional (organização visual) */
#transfers-prev,
#transfers-next {
  border: 1.5px solid #000;
  background: transparent;
  color: #000;
  font-weight: 600;
  border-radius: 5px;
  padding: 10px 14px;
  margin-top:10px;
  transition: all .2s ease;
}

/* Hover apenas quando ativo */
#transfers-prev:not(:disabled):hover,
#transfers-next:not(:disabled):hover {
  background: #000;
  color: #fff;
  cursor: pointer;
}

/* Estado desabilitado */
#transfers-prev:disabled,
#transfers-next:disabled {
  border-color: #bbb;
  color: #bbb;
  background: transparent;
  cursor: not-allowed;
  opacity: 1; /* evita aparência "apagada demais" */
}

/* Texto central da paginação */
#transfers-page-info {
  color: #000;
  font-size: .9rem;
  white-space: nowrap;
}







/* ACF frontend – mobile: tudo 100% */
.acf-form .acf-field,
.acf-form .acf-input,
.acf-form input,
.acf-form select,
.acf-form textarea {
    width: 100%;
}
@media screen and (max-width: 639px) {
    .acf-form .grid-x > .cell {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 640px) {
    .acf-form .grid-x > .cell {
        width: auto;
    }
}

@media screen and (max-width: 639px) {

  .acf-form .acf-field[data-width] {
    width: 100% !important;
    float: none !important;
    clear: both;
  }

}