/* EXTRACTED INLINE CSS */

/* ========== CSS VARIABLES (necessárias para o footer) ========== */
:root {
  --white-smoke: #e5e2d6;
  --black: #292f33;
  --purple: #4f52be;
  --logo-complet: 5.5vh;
  --logo-small: 1.4vw;
}

/* ========== Style Block 1 ========== */
body .transition {display: block}
.w-editor .transition {display: none;}
.no-scroll-transition {overflow: hidden; position: relative;}

/* ========== Style Block 2 ========== */
/* Placeholder */
.vimeo-bg[data-vimeo-activated="true"][data-vimeo-loaded="true"] .vimeo-bg__placeholder {
  opacity: 0;
  transition-delay: 0.2s;
}

/* Play/Pause */
.vimeo-bg .vimeo-bg__pause {
  display: none;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause {
  display: flex;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__pause,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__play {
  opacity: 1;
}

.vimeo-bg[data-vimeo-playing="true"] .vimeo-bg__play,
.vimeo-bg[data-vimeo-playing="false"] .vimeo-bg__pause {
  opacity: 0;
}

/* ========== Style Block 3 ========== */
.w--current .wrapper-stickers-menu {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) !important;
}

/* ========== Style Block 4 ========== */
body:has( [data-cursor]:hover ) .cursor{ opacity: 1; }

/*.button.secondary .button-bg{
	background-color: var(--color-neutral-700);
}

.button-bg{
	transition: transform 0.5s var(--cubic-default);
}

.button:hover .button-bg{
	transform: scale(0.95);
}*/

/* Default cursor */
body.is--cursor,
body.is--cursor * {
  cursor: url("../media/cursor.svg") 4 0, auto;
}



/* Text cursor */
body.is--cursor p,
body.is--cursor h3,
body.is--cursor h4,
body.is--cursor input[type="text"],
body.is--cursor input[type="email"],
body.is--cursor textarea,
body.is--cursor [data-text] {
  cursor: url("../media/cursor-txt.svg") 14 23, text;
}

/* Hover cursor */
body.is--cursor a,
body.is--cursor a *,
body.is--cursor button,
body.is--cursor button *,
body.is--cursor input[type="submit"],
body.is--cursor input[type="submit"] *,
body.is--cursor input[type="button"],
body.is--cursor input[type="button"] *,
body.is--cursor [data-submit],
body.is--cursor [data-submit] *,
body.is--cursor [data-hover],
body.is--cursor [data-hover] *  {
  cursor: url("../media/cursor-hover.svg") 4 0, pointer;
}

/* ========== Style Block 5 ========== */
/* Réinitialisation des styles et ajustements généraux */
html {
  -webkit-text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: initial;
}
html,
body {
  width: 100%;
  min-height: 100%;
}


/* Ecrasez les styles par défaut de Webflow */ 

a, /* Cible les liens */
.w-input, /* Cible les input de formulaires */ 
.w-select, /* Cible les selecteurs de formulaires */ 
.w-tab-link, /* Cible les liens d'éléments tab */ 
.w-nav-link, /* Cible les liens de navigation */ 
.w-dropdown-btn, /* Cible les dropdowns */ 
.w-dropdown-toggle, /* Cible les boutons de dropdowns */ 
.w-dropdown-link /* Cible les liens de dropdowns */ { 
  color: inherit; 
  font-size: inherit;
  text-decoration: inherit; 
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Équilibrez les différentes lignes d’un texte en utilisant l'attribut */ 
[data-balance] {text-wrap: balance;}

/* couleur de la sélection de texte */ 
::selection {
  /* Modifie la couleur du background de la sélection */ 
  background-color: #ddab45; 
  /* Modifie la couleur du texte de la sélection */ 
  color: #292f33; 
}




/* button DOM */ 
button {
    all: unset;
    cursor: pointer;
}
button:focus {
    outlines: revert;
}


/* titre des vhs */ 

@media (min-width: 991px) {
  .vertical {
    display: -webkit-box;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -webkit-box-orient: vertical;
    inline-size: fit-content;
    /*transform: rotate(-90deg);*/
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .titre__vhs {
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}
}

@media (max-width: 991px) { 
}
#std-style {
    font-variation-settings: "wdth"100, "wght"500, "slnt"0;
    font-size: 1.5em !important;
}
#main-style {
   	font-variation-settings: "wdth"200, "wght"900, "slnt"0;
    font-size: 1.2em !important;
}
#line-style {
    font-variation-settings: "wdth"55, "wght"440, "slnt"0;
    font-size: 1.4em !important;
}
#clap-style {
    font-variation-settings: "wdth"50, "wght"100, "slnt"0;
    font-size: 2em !important;
}
#circle-style {
    font-variation-settings: "wdth"160, "wght"300, "slnt"-5;
    font-size: 1.3em !important; 
}
#reunion-style {
   	font-variation-settings: "wdth"110, "wght"340, "slnt"0;
    font-size: 1.5em !important;;
}
#reunion-elipse-style {
    font-variation-settings: "wdth"95, "wght"600, "slnt"-10;
    font-size: 1.4em;
}

/* ========== Style Block 6 ========== */
.dynamic-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .dynamic-text {
            white-space: nowrap;
            font-weight: 900;
            line-height: 1;
        }

/* ========== Style Block 7 ========== */
/* Paramètre l'animation de défilement infini */
@keyframes clients {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

/* Donne l'animation à l'élément marquee_list */
.cl-clients {
  animation: clients 18s linear infinite;
}
@media screen and (max-width: 768px) {
  .cl-clients {
    animation: clients 34s linear infinite;
  }
}

/* ========== Style Block 8 ========== */
/* Paramètre l'animation de défilement infini */
@keyframes clients2 {
  from { transform: translateX(-100%); }
  to { transform: translateX(0%); }
}

/* Donne l'animation à l'élément marquee_list */
.cl-clients-2 {
  animation: clients2 18s linear infinite;
}
@media screen and (max-width: 768px) {
  .cl-clients-2 {
    animation: clients2 34s linear infinite;
  }
}

/* ========== SOCIAL LINKS SECTION ========== */
.section-social-links {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
  background: linear-gradient(180deg, #0f1419 0%, #1a1f23 100%);
  position: relative;
  overflow: hidden;
}

/* Background effect */
.section-social-links::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(138, 43, 226, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(255, 0, 0, 0.06) 0%, transparent 50%);
  pointer-events: none;
}

.social-title {
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 900;
  text-align: center;
  color: #e5e2d6;
  margin-bottom: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
}

.social-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
  padding: 1rem;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .social-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .social-grid {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1400px;
  }
}

/* Social Card Base */
.social-card {
  position: relative;
  background: rgba(23, 25, 30, 0.6);
  border: 2px solid rgba(229, 226, 214, 0.1);
  border-radius: 16px;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-decoration: none;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: hidden;
  backdrop-filter: blur(10px);
}

.social-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.03) 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  border-radius: 14px;
}

.social-card:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: currentColor;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.4),
    0 0 40px currentColor;
}

.social-card:hover::before {
  opacity: 1;
}

/* Icon Wrapper */
.social-icon-wrapper {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(229, 226, 214, 0.05);
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  z-index: 1;
}

.social-card:hover .social-icon-wrapper {
  transform: scale(1.1) rotate(5deg);
  background: rgba(229, 226, 214, 0.1);
}

.social-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: brightness(0.9);
  transition: all 0.3s ease;
}

.social-card:hover .social-icon {
  filter: brightness(1.2) drop-shadow(0 0 10px currentColor);
}

/* Text Content */
.social-text {
  text-align: center;
  position: relative;
  z-index: 1;
}

.social-text h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #e5e2d6;
  margin: 0 0 0.5rem 0;
  transition: color 0.3s ease;
}

.social-text p {
  font-size: 0.875rem;
  color: rgba(229, 226, 214, 0.6);
  margin: 0;
  transition: color 0.3s ease;
}

.social-card:hover .social-text p {
  color: rgba(229, 226, 214, 0.8);
}

/* Individual Card Colors */
.twitch-card {
  color: #9146ff;
}

.twitch-card:hover {
  border-color: #9146ff;
}

.discord-card {
  color: #5865f2;
}

.discord-card:hover {
  border-color: #5865f2;
}

.youtube-card {
  color: #ff0000;
}

.youtube-card:hover {
  border-color: #ff0000;
}

.whatsapp-card {
  color: #25d366;
}

.whatsapp-card:hover {
  border-color: #25d366;
}

/* Animation on scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.social-card {
  animation: fadeInUp 0.6s ease-out backwards;
}

.social-card:nth-child(1) { animation-delay: 0.1s; }
.social-card:nth-child(2) { animation-delay: 0.2s; }
.social-card:nth-child(3) { animation-delay: 0.3s; }
.social-card:nth-child(4) { animation-delay: 0.4s; }

/* Responsive adjustments */
@media (max-width: 767px) {
  .section-social-links {
    padding: 3rem 0;
  }

  .social-title {
    margin-bottom: 2rem;
  }

  .social-grid {
    gap: 1.5rem;
  }

  .social-card {
    padding: 1.5rem 1rem;
  }

  .social-icon-wrapper {
    width: 70px;
    height: 70px;
  }

  .social-icon {
    width: 40px;
    height: 40px;
  }
}

/* ============================================================================
   FOOTER DE CONTATO - CSS ORIGINAL DO WEBFLOW
   Extraído com cuidado de: bd/css/webflow.css
   ============================================================================ */

/* .fixed-footer */
.fixed-footer {
  z-index: 2;
  background-color: var(--white-smoke);
  height: 100vh;
  margin-top: auto;
}

.fixed-footer {
  height: 100svh;
  margin-top: 0;
}

.fixed-footer {
  height: auto;
}

/* .section-contact */
.section-contact {
  z-index: 1;
  background-color: var(--black);
  color: var(--white-smoke);
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  height: 100svh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.section-contact {
  justify-content: flex-start;
  height: auto;
  padding-top: 2rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: auto;
}

/* .layout-contact */
.layout-contact {
  flex-direction: column;
  justify-content: flex-end;
  height: 80vh;
  display: flex;
}

.layout-contact {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  height: 100svh;
  padding-top: 12rem;
}

.layout-contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  height: auto;
  padding-top: 2rem;
}

/* .wrapper-contact-top */
.wrapper-contact-top {
  z-index: 1001;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
}

/* .wrapper-info__contact */
.wrapper-info__contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrapper-info__contact {
  flex-flow: wrap;
}

.wrapper-info__contact {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

/* .info__contact */
.info__contact {
  border: 2px solid var(--white-smoke);
  background-color: var(--black);
  color: var(--white-smoke);
  font-variation-settings: "wght" 300,"wdth" 80;
  border-radius: 6px;
  align-items: stretch;
  height: 6rem;
  font-size: 2rem;
  line-height: 1;
  transition-property: none;
  display: flex;
}

.info__contact {
  flex: 1;
  justify-content: center;
}

.info__contact {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

/* .wrapper-icon__contact */
.wrapper-icon__contact {
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 100%;
  display: flex;
}

.wrapper-icon__contact {
  width: 5rem;
}

/* .icon__contact */
.icon__contact {
  width: 5rem;
  height: 5rem;
  display: flex;
}

.icon__contact {
  width: 3.5rem;
  height: 3.5rem;
}

/* .wrapper-perso-2 */
.wrapper-perso-2 {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 18vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

/* .wrapper-perso-1 */
.wrapper-perso-1 {
  z-index: 2;
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

/* .perso */
.perso {
  max-width: 100%;
}

/* .wrapper-circle */
.wrapper-circle {
  z-index: 1;
  aspect-ratio: 1;
  border: 2px solid var(--black);
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  max-width: 20vw;
  position: absolute;
  overflow: hidden;
}

/* .trail-section (mouse trail stickers - opcional) */
.trail-section {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.trail-wrap {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.trail-list {
  width: 100%;
  height: 100%;
  position: relative;
}

.trail-item {
  opacity: 0;
  -webkit-backdrop-filter: drop-shadow(0 3px #292f3380);
  backdrop-filter: drop-shadow(0 3px #292f3380);
  position: absolute;
}

.trail-item__img {
  max-width: 260px;
  max-height: 160px;
}

/* .wrapper-brand-contact */
.wrapper-brand-contact {
  z-index: 10;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: var(--white-smoke);
  font-size: var(--logo-complet);
  flex-direction: column;
  margin-top: calc(1vh + 2rem);
  margin-bottom: 1vh;
  line-height: .8;
  display: flex;
}

.wrapper-brand-contact {
  margin-top: 1rem;
  margin-bottom: 0;
  display: flex;
}

.wrapper-brand-contact {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* .layout-footer */
.layout-footer {
  z-index: 1001;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  width: 90vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.layout-footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-content: stretch;
  align-items: center;
  max-width: 90vw;
}

.layout-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 5rem;
}

/* .wrapper-footer */
.wrapper-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: baseline;
  display: flex;
}

.wrapper-footer {
  border-top: 1px solid var(--white-smoke);
  justify-content: space-between;
  align-self: stretch;
  padding-top: 2rem;
  padding-bottom: 0;
}

.wrapper-footer {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

/* .wrapper-footer-ml */
.wrapper-footer-ml {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: baseline;
  display: flex;
}

.wrapper-footer-ml {
  border-top: 1px solid var(--white-smoke);
  text-align: center;
  order: 1;
  justify-content: flex-start;
  align-self: stretch;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.wrapper-footer-ml {
  justify-content: flex-start;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

/* .link-center */
.link-center {
  color: var(--white-smoke);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: .1rem;
  padding-right: .1rem;
  display: flex;
}

/* .justif-right */
.justif-right {
  text-align: right;
}

/* .wrapper-copy-email (para funcionalidade de copiar email) */
.wrapper-copy-email {
  border-left: 2px solid var(--white-smoke);
  background-color: var(--black);
  order: 1;
  align-items: center;
  padding-left: .5rem;
  padding-right: 1.5rem;
  display: flex;
}

.wrapper-copy-email {
  display: none;
}

/* .wrapper-txt-email */
.wrapper-txt-email {
  white-space: nowrap;
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
}

.wrapper-txt-email {
  font-size: 1.8rem;
}

.wrapper-txt-email {
  font-variation-settings: "wght" 250,"wdth" 65;
  text-align: center;
  justify-content: center;
  padding-bottom: .5rem;
  padding-right: 0;
  font-size: 1.2rem;
}

/* .icon__contact-copy */
.icon__contact-copy {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}