@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Space+Grotesk:wght@300..700&display=swap');

.space-grotesk-<uniquifier> {
  font-family:          "Space Grotesk", sans-serif;
  font-optical-sizing:  auto;
  font-weight:          <weight>;
  font-style:           normal;
}

/*
:root {
   --radius:                   .75rem;
    --background:               oklch(5% .003 85);
    --foreground:               oklch(86% .1 85);
    --card:                     oklch(12% .005 85);
    --card-foreground:          oklch(86% .1 85);
    --popover:                  oklch(12% .005 85);
    --popover-foreground:       oklch(86% .1 85);
    --primary:                  oklch(68% .12 85);
    --primary-foreground:       oklch(5% .003 85);
    --secondary:                oklch(12% .005 85);
    --secondary-foreground:     oklch(86% .1 85);
    --muted:                    oklch(12% .005 85);
    --muted-foreground:         oklch(68% .05 85);
    --accent:                   oklch(68% .12 85);
    --accent-foreground:        oklch(5% .003 85);
    --destructive:              oklch(57.7% .245 27.325);
    --destructive-foreground:   oklch(98.4% .003 247.858);
    --border:                   oklch(86% .05 85 / .12);
    --input:                    oklch(86% .05 85 / .15);
    --ring:                     oklch(68% .12 85);
    --gold:                     oklch(68% .12 85);
    --gold-light:               oklch(86% .1 85);
    --gold-dark:                oklch(52% .07 85);
    --noir:                     oklch(5% .003 85);
    --noir-soft:                oklch(12% .005 85);

     --black:                   #080808;
    --gold:                     #c9a84c;
    --gold-light:               #e4c879;
    --white:                    #f5f3ed;
    --text:                     #b8b4aa;
    --muted:                    #77736b;
   
   --display:                  "Cormorant Garamond", Georgia, serif;
    --sans:                     "Space Grotesk", Arial, sans-serif;
} */
    :root {
    --radius:                   .75rem;

    /* FUNDO PRINCIPAL */
    --background:               #E8DEDA;
    --foreground:               #302725;

    /* CARDS */
    --card:                     #F5ECE8;
    --card-foreground:          #302725;

    /* POPOVERS */
    --popover:                  #F5ECE8;
    --popover-foreground:       #302725;

    /* ROSÉ PRINCIPAL */
    --primary:                  #A85F68;
    --primary-foreground:       #FFFFFF;

    /* SECUNDÁRIO */
    --secondary:                #D8C0BD;
    --secondary-foreground:     #4A3034;

    /* ÁREAS SUAVES */
    --muted:                    #DCCBC7;
    --muted-foreground:         #6B5B58;

    /* DESTAQUE */
    --accent:                   #B8747B;
    --accent-foreground:        #FFFFFF;

    /* ALERTA */
    --destructive:              #9B4F58;
    --destructive-foreground:   #FFFFFF;

    /* BORDAS */
    --border:                   #CDB5B0;
    --input:                    #C4AAA5;
    --ring:                     #A85F68;

    /* PALETA ROSÉ */
    --gold:                     #A85F68;
    --gold-light:               #D39DA0;
    --gold-dark:                #783F49;

    /* CORES ESCURAS — USO MODERADO */
    --noir:                     #302725;
    --noir-soft:                #493638;


    /* VARIÁVEIS PERSONALIZADAS */
    --black:                    #302725;
    --gold:                     #A85F68;
    --gold-light:               #D39DA0;
    --white:                    #F8F1EE;
    --text:                     #493B38;
    --muted:                    #6B5B58;

    --display:                  "Cormorant Garamond", Georgia, serif;
    --sans:                     "Space Grotesk", Arial, sans-serif;
}


/* ==========================================
   SCROLLBAR PREMIUM
   ========================================== */

html {
    overflow-y: scroll;
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-track {
    background: #f6f2ea;
}

::-webkit-scrollbar-thumb {
    background:     #b98a24;
    border-radius:  20px;

    /* cria um espaço visual em volta do dourado */
    border: 4px solid #f6f2ea;
}

::-webkit-scrollbar-thumb:hover {
    background: #d4af5a;
}

/* Firefox */
html {
    scrollbar-width: auto;
    scrollbar-color: #b98a24 #f6f2ea;
}

/* Utilitários Tailwind que atualmente puxam o tema escuro */
.bg-background,
.bg-background\/80 {
  background-color: #000 !important;
}

/* Links que anteriormente ficavam brancos sobre fundo escuro */
a.transition-colors.hover\:text-foreground {
  color: #FFFFFF !important;
}

path{
  fill: green;
}
.app::-webkit-scrollbar {
    width: 16px;
}

.app::-webkit-scrollbar-track {
    background: #f6f2ea;
}

.app::-webkit-scrollbar-thumb {
    background:     #b98a24;
    border-radius:  20px;
    border:         4px solid #f6f2ea;
}

.bg-noise{
	background: 			url("../img/community.png");
	background-size: 		cover;
	background-position: 	bottom;
}

section#palestrantes p {
    text-align: justify;
}

.text-center{
	text-align: center;
}

.border:hover, .gold-border:hover {
    border: 1px solid #b98a24;
}

#palestrantes .rounded-2xl:hover {
    background: #b98a24;
}

#palestrantes  .border:hover, #palestrantes  .gold-border:hover {
    border: 1px solid #b98a24;
}

#palestrantes .rounded-2xl:hover p, #palestrantes .rounded-2xl:hover h2{
    color: white;
}

.special-guest {
  position: relative;
  width:    100%;
  overflow: hidden;
}




.special-guest-container {
  width: min(1180px, calc(100% - 40px));
  margin: auto;
}

.ambient-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;

  background: rgba(201, 168, 76, 0.08);

  filter: blur(120px);

  pointer-events: none;
}

.ambient-glow-left {
  left: -300px;
  top: 50%;

  transform: translateY(-50%);
}

.ambient-glow-right {
  right: -300px;
  bottom: -230px;
}

.special-guest-card {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(201, 168, 76, 0.55);
  border-radius: 28px;
  box-shadow:
    0 35px 90px rgba(0, 0, 0, 0.55),
    0 0 70px rgba(201, 168, 76, 0.05);
  BACKGROUND-SIZE: 100% 92%;
}

.inner-border {
  position: absolute;

  inset: 12px;

  z-index: 40;

  border: 1px solid rgba(201, 168, 76, 0.1);
  border-radius: 21px;

  pointer-events: none;
}

.card-glow {
  position: absolute;

  width: 280px;
  height: 280px;

  border-radius: 50%;

  background: red!important;

  filter: blur(75px);

  pointer-events: none;
}

.card-glow-top {
  left: -120px;
  top: -140px;
}

.card-glow-bottom {
  right: -130px;
  bottom: -150px;
}

.particle {
  position: absolute;

  z-index: 5;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--gold-light);

  box-shadow:
    0 0 14px rgba(228, 200, 121, 0.95);
}

.special-guest-grid {
  position: relative;

  z-index: 10;

  display: grid;

  grid-template-columns: 45% 55%;

  min-height: 560px;
}

.guest-photo {
  position: relative;

  min-height: 560px;

  overflow: hidden;
}

.guest-halo {
  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  aspect-ratio: 1;

  border-radius: 50%;

  pointer-events: none;
}

.guest-halo-large {
  width: 78%;

  border: 1px solid rgba(201, 168, 76, 0.85);

  background:
    radial-gradient(
      circle,
      rgba(201, 168, 76, 0.13),
      rgba(201, 168, 76, 0.03) 55%,
      transparent 72%
    );

  box-shadow:
    0 0 38px rgba(201, 168, 76, 0.3),
    inset 0 0 50px rgba(201, 168, 76, 0.12);
}

.guest-halo-small {
  width: 69%;

  border: 1px solid rgba(201, 168, 76, 0.2);
}

.guest-image-area {
  position: absolute;
  inset: 0;
  z-index: 10;
  display:          flex;
  align-items:      center;
  justify-content:  center;
}

.guest-image {

  object-position: center bottom;

  filter:
    contrast(1.04)
    brightness(0.98)
    saturate(0.92);
}

.photo-gradient {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 190px;

  z-index: 15;

  background:
    linear-gradient(
      to top,
      #080808 0%,
      rgba(8, 8, 8, 0.7) 35%,
      rgba(8, 8, 8, 0) 100%
    );

  pointer-events: none;
}

.photo-gold-line {
  position: absolute;

  z-index: 20;

  left: 50%;
  bottom: 35px;

  width: 62%;
  height: 2px;

  transform: translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold),
      var(--gold-light),
      var(--gold),
      transparent
    );

  box-shadow:
    0 0 15px rgba(201, 168, 76, 0.45);
}

.guest-content {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 65px;
  background: rgb(0 0 0 / 7%);
}

.guest-label {
  display: flex;

  align-items: center;
  justify-content: flex-start;

  gap: 14px;

  color: var(--gold-light);

  font-family: var(--display);

  font-size: 13px;
  font-weight: 600;

  letter-spacing: 0.24em;

  text-transform: uppercase;
}

.label-line {
  width: 45px;
  height: 1px;
}

.label-line-left {
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold)
    );
}

.label-line-right {
  background:
    linear-gradient(
      90deg,
      var(--gold),
      transparent
    );
}

.guest-name {
  margin: 22px 0 0;

  color: var(--white);

  font-family: var(--display);

  font-size: clamp(50px, 5vw, 74px);

  font-weight: 600;

  line-height: 0.88;

  letter-spacing: -0.045em;

  text-transform: uppercase;
}

.guest-name span {
  color: var(--gold-light);
}

.guest-profession {
  width: max-content;

  margin-top: 28px;

  padding: 10px 22px;

  border: 1px solid rgba(201, 168, 76, 0.75);
  border-radius: 9px;

  color: var(--gold-light);

  font-family: var(--display);

  font-size: 17px;
  font-weight: 600;

  letter-spacing: 0.13em;

  text-transform: uppercase;

  background: rgba(201, 168, 76, 0.025);
}

.guest-description {
  max-width: 520px;
  margin: 25px 0 0;
  color: #ffff;
  font-size: 14px;
  line-height: 1.8;
  FONT-WEIGHT: BOLD;
}

.guest-highlight {
  display: flex;
  align-items: center;
  gap: 17px;
  max-width: 520px;
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(201, 168, 76, 0.7);
  border-radius: 14px;
  background: #281001;
}

.highlight-icon {
  flex: 0 0 46px;

  width: 46px;
  height: 46px;

  display: flex;

  align-items: center;
  justify-content: center;

  border: 1px solid var(--gold);

  border-radius: 50%;

  box-shadow:
    0 0 20px rgba(201, 168, 76, 0.18);
}

.highlight-icon img {
  width: 24px;
  height: 24px;
}

.guest-highlight p {
  margin: 0;

  color: var(--gold-light);

  font-family: var(--display);

  font-size: 16px;
  font-weight: 600;

  line-height: 1.5;

  letter-spacing: 0.04em;

  text-transform: uppercase;
}

#palestrante h2 {
    font-family: var(--font-sans)!important;
}

.guest-footer {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 12px;

  margin-top: 27px;
}

.guest-footer span {
  width: 35px;
  height: 1px;

  background: rgba(201, 168, 76, 0.4);
}

.guest-footer p {
  margin: 0;

  color: var(--muted);

  font-size: 9px;
  font-weight: 500;

  letter-spacing: 0.2em;

  text-transform: uppercase;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .guest-content {
    padding: 45px;
  }

  .guest-name {
    font-size: 56px;
  }

  .guest-profession {
    font-size: 14px;
  }

}


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

@media (max-width: 800px) {

  .special-guest {
    padding: 70px 0;
  }

  .special-guest-container {
    width: min(650px, calc(100% - 28px));
  }

  .special-guest-grid {
    grid-template-columns: 1fr;
  }

  .guest-photo {
    min-height: 430px;
  }

  .guest-content {
    align-items: center;

    padding: 45px 28px 50px;

    text-align: center;
  }

  .guest-label {
    justify-content: center;
  }

  .guest-name {
    font-size: 56px;
  }

  .guest-description {
    text-align: center;
  }

  .guest-highlight {
    width: 100%;

    text-align: left;
  }

  .guest-footer {
    justify-content: center;
  }

}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 480px) {

  .special-guest {
    padding: 0;
  }

  .special-guest-container {
    width: calc(100% - 20px);
  }

  .special-guest-card {
    border-radius: 20px;
  }

  .guest-photo {
    min-height: 350px;
  }

  .guest-content {
    padding: 38px 20px 40px;
  }

  .guest-label {
    gap: 8px;

    font-size: 10px;

    letter-spacing: 0.16em;
  }

  .label-line {
    width: 25px;
  }

  .guest-name {
    font-size: 46px;
  }

  .guest-profession {
    padding: 8px 14px;

    font-size: 11px;

    letter-spacing: 0.1em;
  }

  .guest-description {
    font-size: 12px;

    line-height: 1.7;
  }

  .guest-highlight {
    gap: 12px;

    padding: 16px;
  }

  .highlight-icon {
    flex-basis: 38px;

    width: 38px;
    height: 38px;
  }

  .highlight-icon img {
    width: 19px;
    height: 19px;
  }

  .guest-highlight p {
    font-size: 12px;
  }

  .guest-footer p {
    font-size: 7px;
    letter-spacing: 0.13em;
  }

}
/* =====================================================
   CRONÔMETRO EXCLUSIVO — 1º LOTE
   ===================================================== */

.lote1-countdown {
  width:        100%;
  max-width:    620px;
  margin:       0 auto 30px;
  padding:      18px 20px 20px;
}

.lote1-countdown-title {
    margin:           0 0 13px;
    color:            #e4c879;
    font-family:      var(--font-display, "Cormorant Garamond", serif);
    font-size:        13px;
    font-weight:      700;
    letter-spacing:   0.18em;
    text-transform:   uppercase;
    text-align:       center;
}

.lote1-countdown-grid {
    display:                  grid;
    grid-template-columns:    repeat(4, 1fr);
    gap:                      10px;
}

.lote1-time-box {
  min-width:        0;
  padding:          13px 7px;
  display:          flex;
  flex-direction:   column;
  align-items:      center;
  justify-content:  center;
}

.lote1-time-box span {
  display:     block;
  color:     #FFFFFF;
  font-family: var(--font-display, "Cormorant Garamond", serif);
  font-size:    70px;
  font-weight:  700;
  line-height:  1;
}

.lote1-time-box small {
  display: block;

  margin-top: 7px;

  color: #8f8b82;

  font-family: var(--font-display, "Cormorant Garamond", serif);

  font-size: 18px;
  font-weight: 700;

  letter-spacing: 0.12em;
}

#investimento a {
    color: white;
    text-transform: uppercase;
}

.lote1-countdown-warning {
  margin: 13px 0 0;

  color: #9e998f;

  font-size: 10px;

  text-align: center;
}


/* Quando o lote acabar */

.lote1-countdown.expired {
  border-color: rgba(255, 255, 255, 0.08);
  opacity: 0.55;
}

.lote1-countdown.expired .lote1-countdown-title {
  color: #858178;
}

.lote2 {
    height: 500px;
    margin-top: 15%;
}

.lote2, lote2:hover {
    border: 1px solid gray!important;
    color: gray;}

.lote2 .text-foreground {
    color: gray;
}

.lote2 .border, .lote2 .border:hover{
    border:1px solid gray;
}

a.transition-colors.hover\:text-foreground {
    text-transform: uppercase;
    font-weight:    bold;
}

/* RESPONSIVO */

@media (max-width: 640px) {

  .lote1-countdown {
    padding: 16px 12px 18px;
    margin-bottom: 25px;
  }

  .lote1-countdown-grid {
    gap: 36px;
  }

  .lote1-time-box {
    padding: 11px 4px;
    border-radius: 9px;
  }

  .lote1-time-box span {
    font-size: 36px;
  }

  .lote1-time-box small {
    font-size: 10px;
    letter-spacing: 0.08em;
  }

}

@media (width >= 40rem) { 
  .sm\:text-3xl { 
    font-size: var(--text-2xl)!important;
  } 
}

@media (max-width: 450px) and (min-width: 320px) {
  .mx-auto.flex.max-w-7xl.items-center.justify-between.px-4.py-4.sm\:px-6.lg\:px-8 {
      display: flex;
      flex-direction: column;
  }

  a.inline-flex.items-center.justify-center.rounded-full.bg-gradient-gold.px-8.py-4.font-display.font-semibold.text-primary-foreground.shadow-lg.transition-transform.hover\:scale-105.focus\:outline-none.focus\:ring-2.focus\:ring-primary.focus\:ring-offset-2.focus\:ring-offset-background.px-4.py-2.text-sm {
      margin: 23px 0;
  }

  .pt-20, .relative.z-10.flex.flex-col.justify-center.px-4.py-16.sm\:px-6.lg\:px-8.lg\:py-24{
    padding-top: 0px;
  }

  .text-muted-foreground {
    color: #FFFFFF;
    text-align: justify;
}
}

span.f {
    background: none !important;
    border: 1px solid #000!important;
    border-radius: 30px;
    padding:8px;
}

section#perguntas h3 {
    color: #000;
}