/* Saraswati Studio de Yoga — recriação fiel (L-041), set/2026.
   Réplica do site Hotmart Pages original. Fontes: Dosis (títulos) + Open Sans (texto).
   Paleta original: verde #22af75 / #1faa8b · laranja #cf8a45 · roxo rodapé #38284c · lima CTA #9dc748 */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 17px; line-height: 1.65; color: #6d6d6d; background: #fff; }
img { max-width: 100%; height: auto; display: block; }
a { color: #22af75; text-decoration: none; }

/* ===== Banner mandala ===== */
.banner { background: #7a1f14; }
.banner img { width: 100%; max-width: 2494px; margin: 0 auto; }

/* ===== Navegação ===== */
nav.menu { background: #fff; padding: 34px 16px 40px; }
nav.menu ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 66px; max-width: 1100px; margin: 0 auto; }
nav.menu a { font-family: 'Dosis', sans-serif; font-weight: 500; font-size: 19px; color: #5f5f5f; letter-spacing: .2px; }
nav.menu a:hover, nav.menu a.ativo { color: #22af75; }

/* ===== Seções genéricas ===== */
.secao { padding: 64px 16px; }
.container { max-width: 1160px; margin: 0 auto; }
.duas-colunas { display: grid; grid-template-columns: 420px 1fr; gap: 48px; align-items: start; }
@media (max-width: 860px) { .duas-colunas { grid-template-columns: 1fr; } }

h1, h2, h3 { font-family: 'Dosis', sans-serif; font-weight: 500; }

/* Laranja (home boas-vindas, horário) */
.secao-laranja { background: #cf8a45; color: #f7e3cd; }
.secao-laranja h1, .secao-laranja h3, .secao-laranja h2 { color: #fff; }
.secao-laranja .destaque { color: #fff; font-weight: 600; }
.secao-laranja .verde { color: #2e7d5b; font-weight: 600; }
.secao-laranja a { color: #fff; text-decoration: underline; }

/* Título verde central (home) */
.chamada { text-align: center; font-size: 34px; line-height: 1.35; color: #3d9970; letter-spacing: .5px; max-width: 980px; margin: 0 auto; text-transform: uppercase; }
.chamada .escuro { color: #4a4a4a; }

/* Mídia */
.midia-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px 72px; margin-top: 48px; }
.midia-grid img { max-height: 64px; width: auto; }

/* ===== Formação ===== */
.hero-formacao { background: url('../img/hero-lagoa.png') center 35%/cover no-repeat; padding: 90px 16px 110px; }
.hero-card { background: #fff; max-width: 700px; margin: 0 auto; padding: 44px 48px 40px; text-align: center; box-shadow: 0 3px 14px rgba(0,0,0,.18); }
.hero-card h1 { color: #3d9970; font-size: 40px; line-height: 1.2; }
.hero-card p.sub { color: #6d6d6d; margin: 14px 0 6px; font-size: 18px; }
.hero-card p.cidades { font-family: 'Dosis', sans-serif; color: #4a4a4a; font-weight: 700; letter-spacing: 1px; font-size: 20px; margin-bottom: 22px; }
.btn-laranja { display: inline-block; background: #f0a73b; color: #fff; font-family: 'Dosis', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: .5px; padding: 16px 42px; border-radius: 4px; box-shadow: 0 3px 0 #cf8a2c; text-transform: uppercase; }
.btn-laranja:hover { background: #f6b45a; }
.seguro { display: flex; align-items: center; justify-content: center; gap: 8px; color: #9ab2c0; font-size: 14px; margin-top: 14px; }
.seguro img { width: 13px; }

.secao-branca h2.titulo-formacao, .secao-branca h1.titulo-formacao { text-align: center; font-size: 36px; color: #4a4a4a; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 34px; }
.secao-branca h2.titulo-formacao .verde, .secao-branca h1.titulo-formacao .verde { color: #3d9970; }
.texto-formacao { max-width: 1080px; margin: 0 auto; font-size: 19px; color: #555; }
.texto-formacao p + p { margin-top: 26px; }

/* Comunidade (verde) */
.secao-verde { background: #55ab8c; color: #fff; }
.comunidade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 1080px; margin: 0 auto; }
.comunidade-grid .celula { min-height: 260px; }
.comunidade-grid .celula.texto { background: #38795f; padding: 34px 30px; display: flex; flex-direction: column; justify-content: center; font-size: 21px; line-height: 1.5; }
.comunidade-grid .celula.foto { background-size: cover; background-position: center; }
.comunidade-grid h2 { font-size: 27px; line-height: 1.3; margin-bottom: 12px; }
@media (max-width: 860px) { .comunidade-grid { grid-template-columns: 1fr; } }

.faixa-cta { background: #fff; padding: 46px 16px; text-align: center; }
.btn-lima { display: inline-block; background: #9dc748; color: #fff; font-family: 'Dosis', sans-serif; font-weight: 700; font-size: 22px; letter-spacing: .5px; text-transform: uppercase; padding: 22px 60px; width: 100%; max-width: 1080px; box-shadow: 0 4px 0 #86ad39; border-radius: 3px; }
.btn-lima:hover { background: #a9d355; }

/* ===== Horário ===== */
.horario-grid { display: grid; grid-template-columns: 1fr 300px; gap: 44px; align-items: start; max-width: 1120px; margin: 0 auto; }
@media (max-width: 860px) { .horario-grid { grid-template-columns: 1fr; } }
.horario-grid h1, .horario-grid h2 { font-size: 42px; color: #fff; line-height: 1.15; }
.horario-grid h1 .verde-claro, .horario-grid h2 .verde-claro { color: #7de8b8; }
.horario-grid .aviso { margin-top: 22px; font-size: 20px; color: #fbe8d2; }

/* ===== Terapias ===== */
.tira-fotos { display: grid; grid-template-columns: repeat(3, 1fr); background: #111; }
.tira-fotos img { width: 100%; height: 340px; object-fit: cover; opacity: .92; }
@media (max-width: 860px) { .tira-fotos { grid-template-columns: 1fr; } .tira-fotos img { height: 220px; } }
.terapias-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 120px; max-width: 1120px; margin: 0 auto; }
@media (max-width: 860px) { .terapias-cols { grid-template-columns: 1fr; } }
.terapias-cols h3 { color: #22af75; font-size: 22px; font-weight: 600; margin-bottom: 16px; }
.terapias-cols .agende { font-size: 26px; line-height: 1.5; color: #6d6d6d; }
.terapias-cols .agende .verde { color: #22af75; }

/* ===== Contato ===== */
.secao-roxa { background: #38284c; color: #cfc7dd; }
.secao-roxa .destaque { color: #fff; font-weight: 700; }
.mapa { background: #fff; padding: 56px 16px; }
.mapa iframe { display: block; width: 100%; max-width: 680px; height: 380px; margin: 0 auto; border: 0; }

/* ===== Rodapé ===== */
footer { color: #cfc7dd; font-size: 16px; }
footer.roxo { background: #38284c; }
footer.laranja { background: #cf8a45; color: #f2ddc4; }
footer .conteudo { max-width: 1120px; margin: 0 auto; padding: 52px 16px 0; }
footer .destaque { font-weight: 700; }
footer.roxo .destaque { color: #e8e2f2; }
footer.laranja .destaque { color: #8a5a24; }
footer .linha { border: 0; border-top: 1px solid rgba(255,255,255,.18); margin: 34px 0 0; }
footer .copy { max-width: 1120px; margin: 0 auto; padding: 22px 16px 26px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
footer .copy a.site-leandro { color: inherit; text-decoration: underline; }
footer a.social { color: inherit; display: inline-flex; }
footer .ig { width: 30px; height: 30px; display: block; background: currentColor; opacity: .85; transition: opacity .2s;
  -webkit-mask: url(/assets/img/instagram.svg) center / contain no-repeat;
          mask: url(/assets/img/instagram.svg) center / contain no-repeat; }
footer a.social:hover .ig, footer a.social:focus-visible .ig { opacity: 1; }