@charset "UTF-8";
body, html {
	background-color: #F6F6F0;
	padding: 0;
	margin: 0;		
}
body {
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}


/*REMOVE O ASPECTO 3D DOS BOTÕES DO SITE*/
button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    box-shadow: none;
    font-family: inherit;
}
/*ESCONDER CAPTCHA DO GOOGLE*/
.grecaptcha-badge {
		display: none !important;
}

/* ===== HEADER FIXO ===== */
.iap-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.page-id-64 .iap-topbar {
    background-color: rgba(24,24,43,.7);
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iap-topbar {
    background-color: rgba(24,24,43,1);
	padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*=====================================
===========FONTES DO SITE==============
=====================================*/


/* Fonte padrão global */
body {
  font-family: 'Montserrat', sans-serif;
}
h1 {
  font-family: 'Montserrat', sans-serif;
}
h2 {
  font-family: 'Abril display', serif;
}
h3 {
  font-family: 'Abril display', serif;
}
p {
	font-family: 'Montserrat', sans-serif;
}
ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 1.5rem;
	
}

ol {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 1.5rem;
	color: #EF4526;
}

li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
li::marker {
  color: #EF4526;
  font-size: 1.2em;
}

/*=====================================
===========CABEÇALHO==============
=====================================*/
.iap-header {
	height: 32px;
}

/* ===== HAMBURGER ===== */
.iap-hamburger {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    flex-direction:row;
    gap: 5px;
}

.iap-hamburger span {
    width: 10px;
    height: 10px;
	border-radius: 50%;
    background-color: #ef4527;
    display: flex;
	transition: all .4s;
}
.iap-hamburger span:hover {
	background-color: #f78c23;
}

.iap-topbar {
    position: relative;
	height: 32px;
	margin-bottom: 40px;
}

.iap-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.iap-logo img {
    height: 32px;
    display: block;
}

.iap-menu .menu-title a {
	font-family: 'Abri', serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #ef4527!important;
	font-size: 16px;
	margin-left: -8px;
}

.iap-menu .menu-title-cases a {
	font-family: 'Abri', serif !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: #F78C23!important;
	font-size: 16px;
	margin-left: -8px;
}

.iap-menu .menu-contact a {
	display: none;
}

@media (max-width:768px){
.iap-menu .menu-contact a {
	background: #ef4527;
    color: #18182b;
	border: none;
	border-radius: 20px;
    padding: 4px 20px;
    text-decoration: none;
	font-size: 10px;
    font-weight: 600;
	font-family: 'Abri', serif;
	text-transform: lowercase;
    display: inline-block;
	margin: 0 auto;
}
	.iap-menu .menu-contact a:hover {
		background: #f78c23;
    color: #18182b;
	transition: color 0.3s ease, background-color 0.3s ease;
	}
}

/* ===== CTA Desktop ===== */
.iap-cta-top {
    background: #ef4527;
    color: #18182b;
	border: none;
	border-radius: 20px;
    padding: 4px 20px;
    text-decoration: none;
	font-size: 14px;
    font-weight: 600;
	font-family: 'Abri', serif;
    display: inline-block;
}

.iap-cta-top:hover {
	background: #f78c23;
    color: #18182b;
	transition: color 0.3s ease, background-color 0.3s ease;
}
@media (max-width: 768px) {
    .iap-cta-top {
        display: none;
    }
	iap-logo {
text-align: center;
}
}

/* ===== OFFCANVAS MENU ===== */
.iap-offcanvas {
    position: fixed;
    top: 0;
    left: -100%;
    width: 230px;
    height: 100vh;
    background: #18182b;
    padding: 40px 20px;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.3);
    overflow: hidden;
}

/* MENU ABERTO */

body.iap-menu-open .iap-offcanvas {
    left: 0;
}

/* Itens do menu WP */
	.iap-menu, .iap-menu ul {
	list-style: none !important;
		margin: 0;
    padding: 0;
	
	}
	
.iap-menu li a {
    color: #F4F1EB;
    font-size: 14px;
	font-weight: 300;
    padding: 2px 0;
    display: block;
    text-decoration: none;
	list-style: none !important;
	text-transform: uppercase;
	margin-left: 8px;
}

.iap-menu li {
    
    padding: 2px 0;
}

.iap-menu li:last-child {
    border-bottom: none; /* evita linha sobrando no final */
}

.iap-menu li a:hover {
    color: #f78c23;
}

/* ===== SOCIAL ICONS ===== */
.iap-socials {
    margin-top: 2px;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-bottom: 120px;
}

.iap-socials a {
    color: #18182b;
    font-size: 14px;
	background-color: #ef4624;
	border-radius: 50%;
	padding: 4px 6px 2px 6px;
}

.iap-socials a:hover {
    color: #18182b;
	background-color: #f78c23;
}
@media (max-width: 768px) {
.iap-socials {
	padding-bottom: 220px;
	}}
/* ============================ */
/* SUBMENU – OFFCANVAS */
/* ============================ */

/* Esconde submenus inicialmente */
.iap-menu .sub-menu {
    display: none;
    padding-left: 15px;
    margin-top: 5px;
    border-left: 1px solid rgba(255,255,255,0.2);
}

/* Estilo dos links dentro do submenu */
.iap-menu .sub-menu li a {
    font-size: 10px;
    opacity: 0.8;
}

/* Adicionar seta nos itens que têm submenu */
.iap-menu .menu-item-has-children > a {
    position: relative;
    padding-right: 18px;
}

/* Setinha fechada (↓) */
.iap-menu .menu-item-has-children > a::after {
    content: "▼";
    font-size: 8px;
    position: absolute;
    right: 0;
    top: 2px;
}

/* Quando ativado */
.iap-menu .menu-item-has-children.open > a::after {
    content: "▲";
}

/* Divider para submenus */
.iap-menu .sub-menu li {
    border-bottom: none;
}

/* Suavidade */
.iap-menu .sub-menu {
    transition: all .3s ease;
}
/*-----busca no menu-------*/
.mobile-search {
	height: 60px;
	margin-bottom: 10px;
}
.mobile-search input {
	border-radius: 20px;
    background-color: #feede4;
	width: 16vw;
	height: 30px;
	padding: 5px;
	border: none;
	color: #f78c23;
}
@media (max-width: 768px) {
	.mobile-search input {
	width: 40vw;
	}
}
.mobile-search input:focus {
	outline: none !important;
    box-shadow: none !important;
    border-radius: 20px !important;
}
.mobile-search .search-bt-mb {
	height: 30px;
	border-radius: 20px;
	margin-left: -34px;
	background-color: #ef4624;
	width: 30px;
	color: #18182b;
	transition: background-color .5s;
}
.mobile-search .search-bt-mb:hover {
	color: #c18182b;
	background-color: #f78c23;
}

/*=====================================
===========RODAPÉ DO SITE==============
=====================================*/


.site-footer{
background:#18182b;
color:#f4f1eb;
padding-top:20px;
font-size:12px;
}

.hello {
	margin-top: 16px;
	margin-bottom: 16px;
}
/* ============================== */
/* COLUNAS DESKTOP */
/* ============================== */

.footer-columns{
display:grid;
grid-template-columns: 1.4fr .7fr .7fr .7fr 1.6fr;
gap:60px;
max-width:1200px;
margin:auto;
padding:20px 40px;
}

.footer-col h1{
font-size:16px;
margin-bottom:15px;
}

.footer-col h2{
font-size:16px;
margin-bottom:12px;

}

.footer-col p{
line-height:1.6;
margin-bottom:20px;
	color: #feede4;
}

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

.footer-col ul li{
margin-bottom:8px;
}

.footer-col a{
color:#f4f1eb;
text-decoration:none;
font-size:11px;
}

.footer-col a:hover{
color:#f78c23;
text-decoration:underline;
}

/* ============================== */
/* SOCIAL ICONS */
/* ============================== */

.footer-social-icons{
display:flex;
gap:10px;
margin-top:40px;
}

.footer-social-icons a{
background:#ef4624;
border-radius:50%;
padding:6px 8px;
font-size:10px;
color:#18182b;
}

.footer-social-icons a:hover{
background:#f78c23;
color:#18182b;
}

/* ============================== */
/* LOGO CENTRAL */
/* ============================== */

.footer-desktop-logo{
text-align:center;
margin:-40px auto 20px;
	object-fit: cover;
}

.footer-desktop-logo img{
max-width:80px;
	object-fit: cover;
}

/* ============================== */
/* MOBILE BASE */
/* ============================== */

.footer-mobile{
display:none;
padding:0 25px;
}

/* ============================== */
/* ACCORDION */
/* ============================== */

.footer-accordion{
margin-top:30px;
}

.accordion-item{
border-bottom:1px solid rgba(255,255,255,0.2);
}

.accordion-toggle{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
background:none;
border:none;
padding:15px 0;
cursor:pointer;
color:#f4f1eb;
}

.accordion-toggle h2{
font-size:16px;
	color: #ef4624;
margin:0;
}

.accordion-icon{
font-size:10px;
}

.accordion-content{
display:none;
padding-bottom:15px;
}

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

.accordion-content li{
margin-bottom:8px;
}

.accordion-content a{
color:#f4f1eb;
text-decoration:none;
font-size:11px;
}

.accordion-content a:hover {
color:#f78c23;
text-decoration:underline;
}
/* ============================== */
/* NEWSLETTER */
/* ============================== */

.footer-newsletter{
margin-top:40px;
}

.footer-newsletter h2{
margin-bottom:20px;
}

/* ============================== */
/* LOGO MOBILE */
/* ============================== */

.footer-logo{
text-align:center;
margin:20px 0;
}

.footer-logo img{
max-width:80px;
}

/* ============================== */
/* FOOTER BOTTOM */
/* ============================== */

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1200px;
margin:auto;
padding:25px 40px;

font-size:10px;
gap:40px;
}

.footer-copy,
.footer-credit{
display:flex;
align-items:center;
}

.footer-copy p,
.footer-credit p{
margin:0;
white-space:nowrap;
}

.footer-copy a, .footer-credit a {
	color: #ef4526;	
}

.footer-copy a:hover, .footer-credit a:hover {
	color: #feeee5;	
}


/* ============================== */
/* RESPONSIVO */
/* ============================== */

@media (max-width:768px){

.desktop-footer{
display:none;
}

.footer-desktop-logo{
display:none;
}

.footer-mobile{
display:block;
}

.footer-bottom{
flex-direction:column;
align-items:center;
text-align:center;
gap:12px;
}

.footer-copy,
.footer-credit{
display:block;
}

.footer-copy p,
.footer-credit p{
white-space:normal;
}
}

/*=====================================
===========BOTÃO PADRÃO IAP==============
=====================================*/

.iap-cta{
    display:inline-flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    background:none;
    border:none;
}

.iap-cta:link,
.iap-cta:visited{
    background:none;
}

.cta-line{
    position:relative;
    width:80px;
    height:14px;
    display:flex;
    align-items:center;
	
}

.cta-path{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#feeee5;
	z-index:0;
    transform:translateY(-50%);

}


.cta-dot{
    position:absolute;
    left:0;
    top:50%;
    width:14px;
    height:14px;
    background:#ef4526;
    border-radius:50%;
    transform:translateY(-55%) translateX(0);
    transition:transform .45s ease;
	z-index:1;
}

.cta-text{
    color:#feeee5;
	font-family: 'Abril dispaly', serif;
    font-size:14px;
	font-weight: 700;
    margin:-10px;
	transition: color .4s;
}
.cta-text:hover{
    color:#ef4526;
}

/* ANIMAÇÃO */

.iap-cta:hover .cta-dot{
    transform:translateY(-45%) translateX(70px);
}

/* VARIAÇÃO DO TRAÇO ESCURO */

.cta-dark-line .cta-path{
    background:#18182B;
}

.cta-dark-line .cta-text{
    color:#18182B;
}
.cta-dark-line .cta-text:hover {
    color:#ef4526;
}


/*---------------------------------QUEM SOMOS---------------------------*/
    /* ─── Reset & Base ─── */
  .qs-page * { box-sizing: border-box; margin: 0; padding: 0; }
 
  .qs-page {
    padding-top: var(--header-height, 40px);
  }
 
  /* ─── Branded dot ─── */
  .dot {
    color: #e85c26;
    font-size: 2.4em;
    line-height: 1;
    vertical-align: baseline;
  }
 
  /* ══════════════════════════════════════
     HERO IMAGE — curtain reveal
  ══════════════════════════════════════ */
  .qs-hero {
    margin: 20px 20px 0 20px;
    overflow: hidden;
    position: relative;
    height: 70vh;
    min-height: 420px;
	  
  }
.qs-hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position: center 30% !important;
  display: block;
}
 
  /* The two curtain halves */
  .qs-hero::before,
  .qs-hero::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #FFFAE7;
    z-index: 2;
    transition: transform 1.1s cubic-bezier(0.77, 0, 0.18, 1);
  }
  .qs-hero::before { left: 0; transform: translateX(0); }
  .qs-hero::after  { right: 0; transform: translateX(0); }
 
  .qs-hero.revealed::before { transform: translateX(-100%); }
  .qs-hero.revealed::after  { transform: translateX(100%); }
 
  .qs-hero.revealed img {
    width: 100%; 
	height: 100%;
    object-fit: cover;
	object-position: center 30% !important;
    display: block;
	
  }
 
  /* ══════════════════════════════════════
     SECTION WRAPPER
  ══════════════════════════════════════ */
  .qs-section {
    max-width: 780px;
    margin: 0 auto;
    padding: 20px 24px;
  }
 
  /* ══════════════════════════════════════
     TYPOGRAPHY
  ══════════════════════════════════════ */
  .qs-eyebrow {
    font-size: 0.78rem;
    font-weight: 500;
	font-style: italic;
    color: #18182b;
    margin-bottom: 18px;
    text-align: center;
  }
 
  .qs-title {
    font-size: 1.6em;
    font-weight: lighter;
    line-height: 1.15;
	  font-style: italic;
    color: #18182b;
	  text-align: center;
    margin-bottom: 52px;
    text-transform: uppercase;
  }
 
  .qs-body {
    font-size: .9rem;
    line-height: 1.85;

    color: #18182b;
  }
 
  .qs-body p { margin-bottom: 1.3em; }
  .qs-body p:last-child { margin-bottom: 0; }
 
  /* ── Centered tagline ── */
  .qs-tagline {
    text-align: center;
    font-size: 1.0rem;
    font-weight: 700;
    color: #18182b;
    letter-spacing: 0.01em;
    margin: 10px 0 40px;
  }
 
  /* ── IAP Principles list ── */
  .qs-principles {
    font-size: 1rem;
    line-height: 1.85;
    color: #18182b;
  }
  .qs-principles p { 
	  font-size: .9rem;
    line-height: 1.85;
	  text-justify: auto;
    color: #18182b;
	  margin-bottom: 1.1em; 
}

  .qs-principles strong {
    font-weight: 500;
    font-size: 1rem;
	 text-align: center;
    letter-spacing: 0.06em;
    display: block;
    margin-bottom: 4px;
    color: #18182b;
	  font-family: "Abril display", serif;
  }
 
  /* ── "Como trabalhamos" bullet list ── */
  .qs-process-list {
    list-style: none;
    margin: 20px 0 28px;
    padding: 0;
  }
  .qs-process-list li {
    padding: 10px 0 10px 10px;
    position: relative;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
  }
  .qs-process-list li::before {
    content: '•';
    position: absolute;
    left: -10px;
    color: #e85c26;
	width: 60px !important;
	height: 60px;
  }
 
  /* ══════════════════════════════════════
     SECOND IMAGE
  ══════════════════════════════════════ */
  .qs-img-full {
    margin: 0 20px 0;
    overflow: hidden;
  }
  .qs-img-full img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    display: block;
  }
 
  /* ══════════════════════════════════════
     THREE ORANGE DOTS DIVIDER
  ══════════════════════════════════════ */
  .qs-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 20px 0 50px;
  }
  .qs-dots span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e85c26;
    display: inline-block;
  }
 
  /* ══════════════════════════════════════
     THREE COLUMNS AND NOW 2 COLUMNS
  ══════════════════════════════════════ */
  .qs-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 20px 6px;
  }

.qs-two-cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 20px 6px;
  }
 
  .qs-col {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .qs-col:last-child { border-right: none; }
 
  .qs-col-img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
	  margin-bottom: -10px;
  }
 
  .qs-col-body {
    padding: 0px 14px 42px;
    flex: 1;
    display: flex;
    flex-direction: column;

  }
 
  .qs-col-title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    color: #18182b;
    margin-bottom: 4px;
  }
 
  .qs-col-text {
    font-size: .9rem;
    line-height: 1.7;
	margin-bottom: 16px;
    color: #18182b;
    flex: 1;
  }
 
  /* ══════════════════════════════════════
     RESPONSIVE — mobile
  ══════════════════════════════════════ */
  @media (max-width: 768px) {
    .qs-hero { height: 55vw; min-height: 260px; }
 
    .qs-title { font-size: 1.45em; }
 
    .qs-cols {
      grid-template-columns: 1fr;
      margin: 0 12px 40px;
    }
	.qs-two-cols {
      grid-template-columns: 1fr;
      margin: 0 12px 40px;
    } 
	  
    .qs-col { border-right: none; border-bottom: 0px solid rgba(24,24,43,0.12); }
    .qs-col:last-child { border-bottom: none; }
 
    .qs-col-img { aspect-ratio: 16/9; }
 
    .qs-img-full { margin: 0 12px; }
    .qs-hero { margin: 12px; }
  }



/* ── Centered body text variant ── */
  .qs-body-centered {
    font-size: .9rem;
    line-height: 1.85;
	  text-align: center;
    color: #18182b;
  }
  .qs-body-centered p { margin-bottom: 1.3em; }
  .qs-body-centered p:last-child { margin-bottom: 0; }
/* ══════════════════════════════════════
     PRINCIPLES BLOCK
  ══════════════════════════════════════ */
  .qs-principles-list {
    margin: 36px 0 0;
    list-style: none;
    padding: 0;
    border-top: 1px solid rgba(24,24,43,0.12);
  }
  .qs-principles-list li {
    padding: 22px 0;
    border-bottom: 1px solid rgba(24,24,43,0.12);
    text-align: center;
  }

.qs-principles-list li strong .dot {
	color: #EF4526 ;
    font-size: 1.98rem;
}
  .qs-principles-list li strong {
    display: block;
    font-size: 0.88rem;
	    font-family: "Abril display", serif;
    font-weight: 600;
    letter-spacing: 0.18em;

    color: #18182b;
    margin-bottom: 6px;
  }
  .qs-principles-list li span {
    font-size: .9rem;
    line-height: 1.8;
    color: #18182b;
  }
 
  /* ══════════════════════════════════════
     CLOSING IAP BLOCK
  ══════════════════════════════════════ */
  .qs-closing {
    text-align: center;
    padding: 60px 24px 80px;
    max-width: 480px;
    margin: 0 auto;
  }
 
  .qs-closing-studio {
    font-size: 0.98rem;
    font-weight: 500;
    color: #18182b;
    margin-bottom: 36px;
  }
 
  .qs-closing-words {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
 
  .qs-closing-words .word {
    font-size: 0.88rem;
    font-weight: 500;

    font-family: "Abril display", serif;
    color: #18182b;
    line-height: 2.4;
  }
 
  .qs-closing-ponto {
    margin-top: 48px;
    font-size: 0.98rem;
    font-weight: 500;
    font-family: "Abril display", serif;
    color: #18182b;
    line-height: 2.4;
  }
 

/* ══════════════════════════════════════
     NOSSO TIME
  ══════════════════════════════════════ */

/* ══════════════════════════════════════
     TEAM MEMBERS — alternating sections
  ══════════════════════════════════════ */

.qs-body {
    font-size: .9rem;
    line-height: 1.85;
    color: #18182b;

}

  .team-members {
    padding: 20px 40px 80px;
	  
  }
 
  .team-member {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 420px;
 margin-bottom: 70px;
  }

 
  /* Image cell */
  .team-member__img {
    overflow: hidden;
  }
  .team-member__img img {
    width: 100%;
    height: auto;
    object-fit: cover;

	  aspect-ratio: 4/5;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .team-member:hover .team-member__img img {
    transform: scale(1.03);
  }
 
  /* Content cell */
  .team-member__content {
    padding: 52px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
 
  /* Reversed: image right, content left */
  .team-member--reverse .team-member__img {
    order: 2;
  }
  .team-member--reverse .team-member__content {
    order: 1;
    border-left: none;
    border-right: 1px solid rgba(24,24,43,0.12);
  }
 
  /* Member eyebrow — left-aligned inside the card */
  .team-member__eyebrow {
    font-size: 0.88rem;
    font-weight: 500;
    font-family: "Abril display", serif;
    color: #18182b;
    margin-bottom: 14px;
    text-align: left;
  }
 
  /* Member name */
  .team-member__name {
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1.1;
    color: #18182b;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
 
  /* Member bio */
  .team-member__bio {
    font-size: .8rem;
    line-height: 1.8;
    color: #18182b;
    margin-bottom: 32px;
  }
 
  /* Member email */
  .team-member__email {
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #18182b;
	font-family: "Abril display", serif;
    text-decoration: none;
    padding-bottom: 2px;
    display: inline-block;
    transition: color 0.2s, border-color 0.2s;
  }
  .team-member__email:hover {
    color: #e85c26;
  }

  /* ══════════════════════════════════════
     RESPONSIVE — mobile
  ══════════════════════════════════════ */
@media (max-width: 768px) {
    .qs-hero { height: 55vw; min-height: 260px; margin: 12px; }
    .qs-title { font-size: 1.45em; }
 
    .team-members { padding: 0 12px 60px; }
 
    .team-member {
      grid-template-columns: 1fr;
      min-height: auto;
    }
 
    .team-member__img {
      aspect-ratio: 4/5;
      height: auto;
		object-position: bottom;
    }
    .team-member__img img { height: 100%; }
 
    /* Both variants: image always on top, content below */
    .team-member--reverse .team-member__img { order: 1; }
    .team-member--reverse .team-member__content {
      order: 2;
      border-right: none;
      border-left: none;
    }
    .team-member__content {
      padding: 36px 24px;
      border-left: none;
      border-top: 1px solid rgba(24,24,43,0.12);
    }
    .team-member--reverse .team-member__content {
      border-top: 1px solid rgba(24,24,43,0.12);
    }
  }


  /* ══════════════════════════════════════
     NOSSAS IDEIAS
  ══════════════════════════════════════ */

/* ══════════════════════════════════════
     FILTER BAR
  ══════════════════════════════════════ */
  .ideias-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 0 24px 48px;
    max-width: 1100px;
    margin: 0 auto;
  }
 
  .ideias-filter__btn {
    display: inline-block;
    padding: 2px 20px;
    font-size: 0.72rem;
    font-weight: 700;
	  font-family: "Abril display", serif;
    letter-spacing: 0.18em;
    border-radius: 40px;
    color: #18182b;
    background: #F78C23;
   
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    cursor: pointer;
  }
  .ideias-filter__btn:hover,
  .ideias-filter__btn.is-active {
    background: #18182b;
    color: #faf9f7;
    
  }
 
  /* ══════════════════════════════════════
     POST GRID
  ══════════════════════════════════════ */
  .ideias-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 20px 20px 60px;

  }
 
  .ideias-card {
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    background: #18182B;
    transition: background 0.25s;
  }
  .ideias-card:hover { background: #1f1f45; }
 
  /* Thumbnail */
  .ideias-card__thumb {
    overflow: hidden;
    aspect-ratio: 16/10;
	  border-radius: 10px 10px 0px 0px;
  }
  .ideias-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ideias-card:hover .ideias-card__thumb img { transform: scale(1.04); }
 
  /* No thumbnail placeholder */
  .ideias-card__thumb-placeholder {
    aspect-ratio: 16/10;
    background: rgba(24,24,43,0.06);
  }
 
  /* Card body */
  .ideias-card__body {
    padding: 28px 28px 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
 
  .ideias-card__cat {
    font-size: 0.68rem;
    font-weight: 600;
    font-family: "Abril display", serif;
    color: white;
    margin-bottom: 6px;
	 text-align: center;
	  text-transform: lowercase;
  }
 
  .ideias-card__title {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.25;
    color: white;
    margin-bottom: 10px;
    letter-spacing: -0.01em;
    flex: 1;
  }
 
  .ideias-card__excerpt {
    font-size: 0.8rem;
    line-height: 1.75;
    color: white;
    margin-bottom: 18px;

  }
 
  
 
  /* ── Empty state ── */
  .ideias-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 24px;
    font-size: 1rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(24,24,43,0.4);

  }
 
  /* ── Pagination ── */
  .ideias-pagination {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 48px 24px 80px;
  }
  .ideias-pagination a,
  .ideias-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #18182b;
    border: 1px solid rgba(24,24,43,0.2);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
  }
  .ideias-pagination a:hover,
  .ideias-pagination .current {
    background: #18182b;
    color: #faf9f7;
    border-color: #18182b;
  }
 
  /* ══════════════════════════════════════
     RESPONSIVE
  ══════════════════════════════════════ */
@media (max-width: 768px) {
	.ideias-grid {
      grid-template-columns: 1fr !important;
      margin: 0 12px;
		padding: 2px;
    }
 
    .ideias-card__body { padding: 24px 20px 28px; }
  }

  /* ══════════════════════════════════════
     CONTATO E CONTATO DE IMPRENSA
  ══════════════════════════════════════ */

.formulario {
	padding: 80px;
}

@media (max-width: 768px) {
	.formulario {
	padding:10px;
}
}

  /* ══════════════════════════════════════
     SINGLE - CAREERS
  ══════════════════════════════════════ */

.career-container{
max-width:900px;
margin:0 auto;
padding:80px 20px;
}

.career-title{
font-size: 1.8em;
margin-bottom:40px;
	font-weight: 200;
}

.career-meta-box{
background:#fff;
padding:30px;
display:flex;
gap:60px;
	border-radius: 40px;
margin-bottom:60px;
}

.career-meta strong{
display:block;
font-family: "Abril display", serif;
font-size:10px;
color:#18182B;
margin-bottom:5px;
}

.career-meta span{
font-size:.8em;
}

.career-content{
font-size:.8em;;
line-height:1.7;
margin-bottom:60px;
}

.career-actions{
text-align:center;
margin-bottom:80px;
}

.career-apply-btn{
background:#18182B;
color:white;
padding:16px 40px;
border-radius: 20px;
cursor:pointer;
font-size:12px;
	transition: all .4s;
}
.career-apply-btn:hover {
background:#EF4526 ;
color: #18182B;
}

.career-share{
margin-top:25px;
font-size:12px;
font-family: "Abril display", serif;
}

.career-share a{
margin:0 10px;
text-decoration: none;
color: #18182B;
}
.career-share a:hover{
margin:0 10px;
text-decoration: none;
color: #EF4526;
}

#career-form-wrapper{
display:none;
margin-top:80px;
}

.career-form{
background:#fff;
padding:40px;
	border-radius: 20px;
}

.career-form input,
.career-form textarea{
width:100%;
margin-bottom:15px;
padding:12px;
border:1px solid #ddd;
	border-radius: 20px;
}

.career-form button{
background:#18182B;
color:white;
border:none;
padding:14px 30px;
cursor:pointer;
	font-size:10px;
border-radius: 20px;
}
.career-form-fields input,
.career-form-fields textarea{
width:100%;
padding:14px;
border:1px solid #ddd;
margin-bottom:15px;
font-size:15px;
}

.career-file input[type="file"]{
display:none;
}

.file-upload{
display:flex;
align-items:center;
gap:20px;
cursor:pointer;
}

.file-btn{
background:#18182B;
color:#fff;
padding:12px 25px;
font-size:10px;
border-radius: 20px;
}

.file-name{
font-size:14px;
color:#777;
}

.consent-line{
display:inline-flex;
align-items:center;
gap:8px;
margin: 20px 5px;
font-size:10px;
line-height:1.5;
cursor:pointer;
}

.consent-line input{
margin:0;
width:16px;
height:16px;
}

.consent-text{
display:inline;
}

.consent-line a{
text-decoration:underline;
}
  /* ══════════════════════════════════════
     SINGLE - CAREERS
  ══════════════════════════════════════ */

.iap-page {
    padding: 80px 0;
}

.iap-page__header {
    margin-bottom: 40px;
}

.iap-page__title {
    font-size: 38px;
    line-height: 1.2;
	margin: 0 auto;
	text-align: center;
}

.iap-page__content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.7;
}

.iap-page__content p {
    margin-bottom: 20px;
	font-size: 14px;
}

  /* ══════════════════════════════════════
     SINGLE
  ══════════════════════════════════════ */

.single-content {

	padding: 0 20px;
}

.single-content p,
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6,
.single-content ul,
.single-content ol,
.single-content blockquote {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
	font-size: .9rem;
    line-height: 1.8;
    color: #18182b;
}
.single-content img,
.single-content video,
.single-content embed,
.single-content iframe {
  width: calc(100vw - 40px);
  max-width: calc(100vw - 40px);

  margin-left: calc(50% - 50vw + 20px);
  margin-right: calc(50% - 50vw + 20px);

  display: block;
  height: auto !important;
}
.single-content iframe {
  width: 90%;
  max-width: 1000px;
  aspect-ratio: 16 / 9;
  margin: 40px auto;
  display: block;
}

.single-content p:has(iframe) {
  max-width: 100%;
  padding: 0;
}
.single-content p:has(iframe) {
  max-width: 100%;
  padding: 0;
}
.single-content .wp-video {
  width: 90% !important;
  max-width: 1000px;
  margin: 40px auto;
}

.single-content .wp-video video {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.ideias-card__cat-single {
    font-size: 0.68rem;
    font-weight: 600;
    font-family: "Abril display", serif;
    color: #18182B;
    margin-bottom: 6px;
	 text-align: center;
	  text-transform: lowercase;
  }


.single-share {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 24px;
}

.single-share a {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
  color: #18182b;
  font-size: 10px;
  transition: all 0.3s ease;
	background-color: #EF4526;
}

.single-share a:hover {
  background: #F36D24;
  color: #fff;
}


/* =========================================================
IAP – 404
   ========================================================= */


/* Código 404 */
.not-found {
	min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  font-size: 94px;
  font-weight: 600;

  color: #18182B;
  line-height: .2rem;
	margin-top: 60px;
	
}

.not-found p {
	font-size: 14px;
	
	text-align: center;
	margin: 10px 0;
}
/* Link */
.not-found a {
	display: flex;
	justify-content: center!important;
    font-size: 11px;
	background: #EF4526 ;
	width: 360px!important;
	height: auto;
	border-radius: 50px;
    letter-spacing: 0.15em;
    text-transform: lowercase;
    color: #18182B;
    font-weight: 600;
	margin: 0 auto 40px;
    padding: 10px 20px;
	transition: all .4s;
}
.not-found a:hover {
	background: #F36D24;
}
@media (min-width: 768px) {
	.turismo-404__link {
		width: 80%;
	}}
  /* ══════════════════════════════════════
     SEARCH 
  ══════════════════════════════════════ */
.search-results {
	margin-top: 120px;
}



:root {
  --plyr-color-main: #18182b; /* sua cor principal */
  --plyr-video-control-color: #EF4526;
  --plyr-video-control-background-hover: #18182b;
}

/* player container */
.plyr {
  border-radius: 12px;
  overflow: hidden;
}

/* barra de progresso */
.plyr__progress input[type=range] {
  color: #18182b;
}

/* botões */
.plyr__control {
  transition: all 0.3s ease;
}

.plyr__control:hover {
  transform: scale(1.1);
}


 /* ══════════════════════════════════════
     PORTFOLIO DESABILITADO
  ══════════════════════════════════════ */
.ideias-card--disabled {
  opacity: 1;
	background-color: grey;
}

.ideias-card--disabled .ideias-card__thumb {
  filter: grayscale(100%);
}

.iap-cta--disabled {
  cursor: default;
  opacity: 0.2;
}

.ideias-card .ideias-card--disabled:hover {
  transform: none !important; /* evita efeito hover se tiver */
	transition: none;
}