/* Casa Bosco — estilos compartilhados (home e /obrigado/) */
:root{
  --bege:#EBDAC3;
  --bege-icon:#E7D6BD;
  --pill-bg:#F8F3EB;
  --pill-text:#7E705D;
  --titulo:#1B1B1B;
  --texto:#838383;
  --cinza-bg:#F7F7F7;
  --box-bg:#F1F1F1;
  --escuro:#1E1D1C;
  --sans:"Instrument Sans",sans-serif;
  --serif:"DM Serif Display",serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:16px;line-height:1.5;color:#333;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{max-width:1140px;margin:0 auto;display:flex}
.col{flex:1 1 50%;padding:10px;display:flex;flex-direction:column;justify-content:center;min-width:0}

/* ---------- elementos comuns ---------- */
.pill{align-self:flex-start;background:var(--pill-bg);color:var(--pill-text);font-size:14px;font-weight:600;line-height:21px;padding:15px 30px;border-radius:150px;margin-bottom:20px}
.titulo{font-size:37px;font-weight:600;line-height:1;letter-spacing:-.7px;color:var(--titulo)}
.titulo i{font-family:var(--serif);font-size:42px;font-weight:600;line-height:1}
.texto{color:var(--texto);margin-top:20px}
.btn{align-self:flex-start;display:inline-block;background:var(--bege);color:#000;font-size:15px;font-weight:500;line-height:1;padding:20px 35px;border-radius:8px;margin-top:30px;transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(.95);transform:translateY(-1px)}
svg.ic{width:1em;height:1em;fill:currentColor;flex-shrink:0}

/* ---------- HERO ---------- */
.hero{position:relative;background:url(/img/hero.jpg) center/cover no-repeat;padding:100px 0 180px}
.hero::before{content:"";position:absolute;inset:0;background:#000;opacity:.8}
.hero .container{position:relative;align-items:center}
.badge{align-self:flex-start;display:flex;align-items:center;gap:5px;background:#2C2B28;border:.8px solid #8B857D;border-radius:150px;padding:15px 30px;color:#fff;font-size:14px;line-height:21px;margin-bottom:20px}
.badge svg{color:var(--bege);font-size:14px}
.hero h1{font-size:51px;font-weight:300;line-height:1;color:#fff}
.hero h1 em{display:block;font-family:var(--serif);font-size:54px;font-weight:400;color:var(--bege)}
.hero p{color:#D6D3CC;max-width:430px;margin-top:20px}
.hero-lista{list-style:none;display:flex;flex-wrap:wrap;gap:0 30px;max-width:470px;margin-top:20px;color:#fff}
.hero-lista li{display:flex;align-items:center;gap:5px}
.hero-lista svg{color:var(--bege);font-size:12px}
.hero .btn-mobile{display:none}
/* formulário */
.lead-form{background:#1E1D1C;border:1px solid rgba(255,255,255,.35);padding:40px 30px 36px;color:#fff;margin:20px 0 22px;min-height:598px;display:flex;flex-direction:column;justify-content:center}
.lf-head{text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.7);margin:0 6px 26px}
.lf-head h2{font-size:24px;font-weight:600;line-height:1.45}
.lf-head p{font-size:14px;font-weight:500;margin-top:4px}
.lf-row{display:flex;gap:20px}
.lf-row .lf-field{flex:1;min-width:0}
.lf-field{position:relative;padding:0 10px 22px}
.lf-row .lf-field{padding:0 0 22px}
.lf-row{padding:0 10px}
.lf-field label{display:block;font-size:16px;font-weight:600;margin-bottom:12px}
.lf-field input{width:100%;height:42px;background:#FDFAF6;border:1px solid #B8BDC9;border-radius:4px;padding:0 12px;font:16px var(--sans);color:#2C3345;transition:border-color .15s,box-shadow .15s}
.lf-field input::placeholder{color:#8F96A3}
.lf-field input:focus{outline:none;border-color:var(--bege);box-shadow:0 0 0 3px rgba(235,218,195,.35)}
.lf-field small{display:block;font-size:12px;margin-top:8px;color:#fff;opacity:.9}
.lf-erro{display:none;font-size:12px;font-weight:500;color:#FF9B8A;margin-top:6px}
.lf-field.invalido input{border-color:#FF9B8A}
.lf-field.invalido small{display:none}
.lf-field.invalido .lf-erro{display:block}
.lf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lf-actions{border-top:1px solid rgba(255,255,255,.7);margin:8px -4px 0;padding-top:30px;text-align:center}
.lf-btn{background:var(--bege);color:#292924;border:1px solid var(--bege);border-radius:6px;height:48px;padding:0 24px;font:600 16px var(--sans);cursor:pointer;transition:filter .2s,transform .2s}
.lf-btn:hover{filter:brightness(.95);transform:translateY(-1px)}
.lf-btn:disabled{opacity:.7;cursor:wait;transform:none}
.lf-status{font-size:13px;margin-top:14px;min-height:1em;color:#FF9B8A}
.lf-status:empty{display:none}

/* ---------- MARQUEE ---------- */
.barra{background:var(--escuro);overflow:hidden;padding:12px 0}
.barra-track{display:flex;width:max-content;animation:deslizar 30s linear infinite}
.barra span{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;padding-right:100px;line-height:21px}
@keyframes deslizar{to{transform:translateX(-50%)}}

/* ---------- CLUB HOUSE ---------- */
.clube{padding:100px 0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.chip{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:10px 20px;height:50px;box-shadow:0 0 31px -13px rgba(0,0,0,.26);font-size:17px;font-weight:500;color:var(--titulo)}
.chip svg{color:#000;font-size:17px}
.fotos-duplas{position:relative;height:518px}
.fotos-duplas img{position:absolute;width:358px;height:365px;object-fit:cover;border-radius:25px}
.fotos-duplas .f1{left:0;top:0;z-index:2;box-shadow:0 0 31px -7px rgba(0,0,0,.5)}
.fotos-duplas .f2{left:193px;top:153px}

/* ---------- BEM-ESTAR ---------- */
.bem{background:var(--cinza-bg);padding:100px 0}
.bem .container{flex-direction:column;align-items:center;text-align:center}
.bem .pill{align-self:center}
.bem .titulo{max-width:547px}
.icon-boxes{display:flex;justify-content:center;gap:0;margin-top:72px;width:100%}
.icon-box{flex:0 0 399px;padding:10px}
.icon-box svg{font-size:50px;color:var(--bege-icon);margin:0 auto 15px}
.icon-box h3{font-size:28px;font-weight:700;line-height:1.2;color:#181818;margin-bottom:16px}
.icon-box p{color:#7A7A7A}

/* ---------- SENTIMENTO ---------- */
.sentimento{display:flex;align-items:stretch;min-height:500px;gap:25px}
.sentimento .foto{flex:0 0 calc(50% - 12.5px)}
.sentimento .foto img{width:100%;height:100%;object-fit:cover}
.sentimento .conteudo{flex:1;padding:60px 10px;display:flex;flex-direction:column;justify-content:center;max-width:537px}
.sentimento .texto{max-width:476px}

/* ---------- EXCLUSIVO ---------- */
.exclusivo{background:var(--cinza-bg);padding:100px 0}
.exclusivo .texto{max-width:385px}
.exclusivo .foto img{width:100%;height:365px;object-fit:cover;border-radius:25px}

/* ---------- REFÚGIO ---------- */
.refugio{padding:100px 0}
.refugio-box{max-width:1140px;margin:0 auto;background:var(--box-bg);border-radius:50px;padding:60px;display:flex;align-items:center}
.refugio .titulo{max-width:384px}
.refugio .texto{max-width:336px}
.refugio-lista{list-style:none;margin-top:25px}
.refugio-lista li{display:flex;align-items:center;gap:5px;font-size:17px;line-height:25.5px;color:#54595F;padding:4px 0 4px 8px}
.refugio-lista svg{color:#E0D0B9;font-size:14px;margin-right:2px}
.refugio .foto img{width:100%;max-width:480px;height:357px;object-fit:cover;border-radius:40px;margin-left:auto}

/* ---------- OBRIGADO ---------- */
.pill-ic{display:inline-flex;align-items:center;gap:6px}
.pill-ic svg{font-size:14px}
.obrigado-topo .titulo{line-height:1.05}
.obrigado-topo .titulo i{display:block;font-size:42px}
.obrigado-topo .texto{max-width:385px}

/* ---------- RESPONSIVO ---------- */
@media (max-width:1024px){
  .container,.refugio-box{margin:0 20px}
  .refugio-box{padding:50px 40px}
  .hero h1{font-size:44px}
  .hero h1 em{font-size:46px}
}
@media (max-width:860px){
  .container{flex-direction:column;margin:0 auto;padding:0 10px}
  .col{flex-basis:auto;align-items:center;text-align:center}
  .pill,.badge,.btn{align-self:center}
  .hero{padding:50px 0}
  .hero p{margin-left:auto;margin-right:auto}
  .hero-lista{justify-content:center;margin-left:auto;margin-right:auto}
  .hero .btn-mobile{display:inline-block}
  .form-col{margin-top:30px;width:100%;max-width:560px;align-self:center}
  .clube,.bem,.exclusivo,.refugio{padding:50px 0}
  .chips{justify-content:center}
  .fotos-duplas{width:100%;max-width:420px;height:auto;aspect-ratio:420/520;margin:40px auto 0}
  .fotos-duplas img{width:78%;height:auto;aspect-ratio:358/365}
  .fotos-duplas .f2{left:auto;right:0;top:auto;bottom:0}
  .icon-boxes{flex-direction:column;align-items:center;margin-top:30px;gap:20px}
  .icon-box{flex-basis:auto;max-width:420px}
  .lead-form{margin:0;text-align:left;min-height:0}
  .sentimento{flex-direction:column;gap:0}
  .sentimento .foto{flex-basis:auto;height:340px}
  .sentimento .conteudo{max-width:none;align-items:center;text-align:center;padding:50px 20px}
  .exclusivo .foto,.refugio .foto{margin-top:30px;width:100%}
  .exclusivo .foto img{height:auto;aspect-ratio:550/365}
  .refugio-box{flex-direction:column;margin:0 10px;padding:40px 20px;border-radius:40px}
  .refugio-lista li{justify-content:flex-start;text-align:left}
  .refugio .foto img{max-width:none;height:auto;aspect-ratio:480/357;margin:0 auto}
}
@media (max-width:560px){
  .hero h1{font-size:40px}
  .hero h1 em{font-size:41px}
  .titulo{font-size:30px}
  .titulo i{font-size:34px}
  .chip{font-size:16px;padding:10px 16px}
  .icon-box h3{font-size:24px}
  .badge,.pill{padding:12px 24px}
  .btn{padding:20px 24px;white-space:nowrap}
  .refugio-box{padding:40px 16px}
  .lead-form{padding:32px 16px 28px}
  .lf-head h2{font-size:21px}
  .lf-row{flex-direction:column;gap:0}
}