/*
Theme Name: Baru Estúdio
Theme URI: https://baru.studio
Author: Baru Estúdio Audiovisual
Description: Tema de página única para o site do Baru Estúdio Audiovisual, em Brasília.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baru-estudio
*/

:root{
  --cream:#EAE6DD;
  --yellow:#FCBE00;
  --dark:#2D2D2A;
  --olive:#97A07E;
  --green:#94CB00;
  --green-hover:#7FAE00;
  --white:#FFFFFF;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Roboto Condensed', sans-serif;
  color:var(--dark);
  background:var(--cream);
  line-height:1.5;
}
h1,h2,h3{
  font-family:'Josefin Sans', sans-serif;
  font-weight:600;
  line-height:1.05;
  letter-spacing:0.5px;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.container{max-width:1160px;margin:0 auto;padding:0 40px;}

/* header */
header{padding:26px 0 14px;text-align:center;background:var(--cream);}
header img{width:200px;margin:0 auto;}

/* hero */
.hero{
  text-align:center;
  background:var(--cream);
}
.hero h1{
  position:relative;
  z-index:2;
  font-size:clamp(30px, 5.6vw, 64px);
  color:var(--yellow);
  padding:28px 20px 0;
  max-width:1000px;
  margin:0 auto -44px;
}
.parallax-photo{
  position:relative;
  width:96%;
  max-width:1600px;
  margin:0 auto;
  overflow:hidden;
}
.parallax-photo img{
  position:absolute;
  top:-15%;
  left:0;
  width:100%;
  height:130%;
  object-fit:cover;
  will-change:transform;
}
.hero-photo{position:relative;z-index:1;height:640px;}

section{padding:100px 0;}
.section-cream{background:var(--cream);}
.section-white{background:var(--white);}

.big-heading{font-size:clamp(30px,5vw,58px);margin-bottom:26px;}
.olive{color:var(--olive);}
.dark-heading{color:var(--dark);}

/* estudio */
.estudio-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.estudio-grid p.lede{margin-bottom:24px;font-size:16px;}
.feature-list{display:grid;gap:22px;margin-top:22px;}
.feature b{display:block;font-size:16px;margin-bottom:2px;}
.feature span{font-size:15px;color:#4a4a45;}
.estudio-photos{display:grid;grid-template-rows:auto auto;gap:14px;}
.estudio-photos .top img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.estudio-photos .bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.estudio-photos .bottom img{width:100%;aspect-ratio:1/1;object-fit:cover;}

.section-photos{
  background:var(--cream);
  padding:56px 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  width:96%;
  max-width:1600px;
  margin:0 auto;
}
.section-photo{height:480px;overflow:hidden;}
.section-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* fundos */
.fundos-title{text-align:center;}
.fundos-list{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin-top:10px;}
.fundo{text-align:center;font-size:14px;}
.fundo .swatch{width:150px;height:80px;margin-bottom:14px;}

/* onde */
.onde-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:stretch;}
.map-box{
  background:#DEDACF;border-radius:2px;
  position:relative;overflow:hidden;
  min-height:480px;
}
.map-box iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
  filter:grayscale(1);
}
.onde-grid p{font-size:15px;margin-bottom:14px;}
.onde-features{display:grid;gap:20px;margin-top:8px;}
.onde-features b{display:block;font-size:15px;}
.onde-features span{font-size:14px;color:#4a4a45;}
.address-tag{display:inline-block;margin-top:22px;font-weight:700;font-size:14px;}

/* valores */
.valores-section{position:relative;background:#2b2b28;color:var(--cream);padding:0;}
.valores-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.1;}
.valores-inner{position:relative;max-width:760px;margin:0 auto;padding:100px 40px;text-align:left;}
.valores-inner h2{color:var(--cream);text-align:center;margin-bottom:40px;}
.valores-inner .day-label{font-weight:700;font-size:16px;margin:34px 0 10px;}
table.price{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:10px;}
table.price th{text-align:left;font-weight:700;padding-bottom:10px;border-bottom:1px solid rgba(234,230,221,0.35);}
table.price th:last-child, table.price td:last-child{text-align:right;}
table.price td{padding:9px 0;border-bottom:1px solid rgba(234,230,221,0.2);}
.note{font-size:14px;margin-top:24px;line-height:1.6;display:block;}

/* ensaio */
.ensaio-title{text-align:center;}
.ensaio-lede{text-align:center;max-width:640px;margin:0 auto 50px;font-size:16px;}
.ensaio-grid{
  width:96%;
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.ensaio-card img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(100%);}
.ensaio-idx{font-family:'Josefin Sans',sans-serif;font-size:20px;margin:20px 0 14px;}
.accordion-row{
  width:100%;
  background:none;
  border:0;
  border-top:1px solid rgba(45,45,42,0.15);
  padding:12px 2px;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'Roboto Condensed', sans-serif;
  font-size:15px;color:var(--dark);
  cursor:pointer;
}
.ensaio-card .accordion-row:last-of-type{border-bottom:1px solid rgba(45,45,42,0.15);}
.chev{transition:transform .2s;}
.accordion-row.open .chev{transform:rotate(180deg);}
.accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.accordion-panel p{font-size:14px;color:#4a4a45;padding:6px 2px 14px;margin:0;}
.accordion-panel p b{color:var(--dark);}
.accordion-panel ul{list-style:disc;margin:0;padding:8px 2px 14px 18px;}
.accordion-panel li{font-size:14px;color:#4a4a45;padding:3px 0;}
.accordion-panel.open{max-height:420px;}

/* footer */
footer{background:var(--cream);padding:70px 0 60px;}
.footer-wide{width:96%;max-width:1600px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;}
footer h4{font-size:26px;margin-bottom:14px;}
footer p{font-size:15px;}

/* Botão flutuante do WhatsApp — mesmo componente do projeto Site Ricardo Jayme */
.whatsapp-float{
  position:fixed;
  right:20px; bottom:20px;
  z-index:300;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 21px;
  border-radius:50px;
  background:var(--green);
  box-shadow:0 4px 6px rgba(0,0,0,0.3);
  color:var(--dark);
  font-family:'Roboto Condensed', sans-serif;
  font-size:12.75px;
  font-weight:bold;
  white-space:nowrap;
  opacity:0.9;
  transition:background-color .3s ease, opacity .3s ease;
}
.whatsapp-float:hover,
.whatsapp-float:focus-visible{
  background:var(--green-hover);
  opacity:1;
}
.whatsapp-float svg{flex:0 0 auto;width:19px;height:19px;fill:currentColor;}
.whatsapp-float span{text-transform:uppercase;}

@media (max-width:800px){
  .estudio-grid, .onde-grid, .footer-grid{grid-template-columns:1fr;}
  .ensaio-grid{grid-template-columns:1fr;}
  .footer-grid{text-align:left;}
  section{padding:64px 0;}
}

@media (max-width:540px){
  .whatsapp-float{right:16px;bottom:16px;padding:12px;gap:0;}
  .whatsapp-float span{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0,0,0,0);
  }
}