/*
 * Skills: SK_design_v2, SK_design_system, conexoes
 * Arquivo: claveyoga_v2_reset.css
 * Descrição: RESET v2 — neutraliza completamente o CSS antigo (yoga01 + bootstrap).
 *   Carregar DEPOIS de yoga01/style.css e ANTES de claveyoga_v2.css.
 *   Assim o design v2 não herda NADA do antigo.
 * Implementado em: 2026-10-15
 */

/* ================================================================
 * RESET COMPLETO V2 — SOBRESCREVE TUDO DO YOGA01 + BOOTSTRAP
 * ================================================================ */

/* ---------- Reset base ---------- */
*, *::before, *::after {
  box-sizing: border-box;
  border: none;
  box-shadow: none;
}

/* ---------- Tipografia ---------- */
p, h1, h2, h3, h4, h5, h6, li, ul, ol, span, a, div, td, th, blockquote, small, strong, em, b, i, u, figure, figcaption, dl, dt, dd {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

p {
  color: #3A3A3A;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  margin: 0 0 15px;
}
p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'League Spartan', sans-serif;
  color: #082F75;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
a:hover, a:focus {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote {
  border: none;
  padding: 0;
  margin: 0;
  font-style: italic;
}

/* ---------- Imagens ---------- */
img {
  border: none;
  box-shadow: none;
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---------- Tabelas ---------- */
table {
  border-collapse: collapse;
  border: none;
  box-shadow: none;
  width: 100%;
}
th, td {
  border: none;
  box-shadow: none;
  padding: 10px;
  text-align: center !important;
  vertical-align: middle;
}
.calendar td a {
  display: inline-block;
  text-align: center;
}
.calendar td a img {
  display: inline-block;
  vertical-align: middle;
}
.calendar td {
  text-align: center !important;
}

/* ---------- Botões Bootstrap — neutralizar ---------- */
.btn {
  border: none;
  box-shadow: none;
  background: none;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: inherit;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 0;
  transition: all 0.3s ease;
}
.btn:hover, .btn:focus {
  border: none;
  box-shadow: none;
  background: none;
  color: inherit;
  text-decoration: none;
}

/* ---------- Grid Bootstrap — manter só colunas ---------- */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.row {
  margin: 0 -15px;
}
[class*="col-"] {
  padding: 0 15px;
}

/* ---------- Seções ---------- */
section {
  padding: 0;
  margin: 0;
}

/* ---------- Section heading ---------- */
.section-heading {
  text-align: center;
  margin-bottom: 30px;
}
.section-heading h2 {
  font-family: 'League Spartan', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #082F75;
  margin-bottom: 10px;
}
.section-heading p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #3A3A3A;
}
.section-heading img {
  display: block;
  margin: 0 auto;
}
.calendar th img {
  display: inline-block;
  vertical-align: middle;
}

/* ---------- Background helpers ---------- */
.bg-gray {
  background-color: #f8f9fa !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}

/* ---------- Padding helpers do yoga01 — neutralizar ---------- */
.section-padding-100-0,
.section-padding-0-100,
.section-padding-100-70,
.section-padding-70-0,
.section-padding-0-70,
.section-padding-70-70 {
  padding: 50px 0;
}

/* ---------- Owl Carousel — reset visual ---------- */
.owl-carousel .owl-item {
  border: none;
  box-shadow: none;
}
.owl-carousel .owl-stage {
  padding: 0;
}
.owl-carousel .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.4) !important;
}
.owl-carousel .owl-dots .owl-dot.active span {
  background: #FFC900 !important;
}

/* ---------- Magnific Popup — reset visual ---------- */
.mfp-bg {
  background-color: rgba(0, 0, 0, 0.85);
}
.mfp-close {
  color: #FFC900 !important;
  font-size: 28px !important;
}

/* ---------- Classy Nav — neutralizar heranças ---------- */
.classy-nav-container {
  background: transparent !important;
}
.classy-navbar {
  background: transparent !important;
  padding: 0;
}
.classy-nav li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 10px;
  transition: color 0.3s ease;
}
.classy-nav li a:hover {
  color: #FFC900;
}

/* ---------- Elegant Icons — reset ---------- */
.elegant-icon {
  font-family: 'elegant-icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- Animate.css — neutralizar autoplay ---------- */
.animated {
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}
.wow {
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}

/* ---------- ScrollUp ---------- */
#scrollUp {
  background-color: #075FC3 !important;
  border-radius: 50%;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
#scrollUp:hover {
  background-color: #FFC900 !important;
  color: #082F75 !important;
}

/* ---------- Preços CSS (loja) ---------- */
.precos-container {
  font-family: 'Montserrat', sans-serif;
}
.precos-container p {
  color: #3A3A3A;
}
.precos-container h2, .precos-container h3, .precos-container h4 {
  color: #082F75;
}

/* ---------- Mobile reset — estado zero transparente, azul só no sticky ---------- */
@media (max-width: 991px) {
  .classy-nav-container {
    background: transparent !important;
  }
  .classy-navbar {
    background: transparent !important;
  }
  .header-area .is-sticky .classy-nav-container {
    background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%) !important;
  }
  .header-area .is-sticky .classy-navbar {
    background: linear-gradient(135deg, #0d6fe0 0%, #075FC3 32%, #003B96 66%, #002E79 100%) !important;
  }
  .classy-nav li a {
    color: #FFFFFF;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .classy-nav li a:hover {
    color: #FFC900;
    background: rgba(255, 255, 255, 0.05);
  }
}

/* ---------- Piscar (hero) — MESMO keyframes do yoga01 original ---------- */
.piscar {
  animation: blink 2s steps(2, end) infinite !important;
  font-weight: bold !important;
}
@keyframes blink {
  0%   { opacity: 1; }
  10%  { opacity: 0.9; }
  20%  { opacity: 0.8; }
  30%  { opacity: 0.7; }
  40%  { opacity: 0.6; }
  50%  { opacity: 0.5; }
  60%  { opacity: 0.6; }
  70%  { opacity: 0.7; }
  80%  { opacity: 0.8; }
  90%  { opacity: 0.9; }
  100% { opacity: 1; }
}

/* ---------- Top text hero — tamanhos responsivos do yoga01 original ---------- */
.top_text {
  text-align: center !important;
  font-size: 30px !important;
  text-transform: none !important;
}
@media only screen and (min-width: 769px) {
  .top_text {
    text-align: center !important;
    font-size: 25px !important;
    text-transform: uppercase !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .top_text {
    font-size: 15px !important;
    text-transform: uppercase !important;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 301px) and (max-width: 480px) {
  .top_text {
    font-size: 13px !important;
    text-transform: uppercase !important;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 300px) {
  .top_text {
    font-size: 10px !important;
    text-transform: uppercase !important;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 480px) {
  .top_text {
    text-align: center !important;
    font-size: 20px !important;
    text-transform: none !important;
  }
}