/* CSS Minificado - Apenas regras utilizadas */

/* Animações essenciais */
@keyframes gradient-x { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.animate-gradient-x { animation: gradient-x 15s ease infinite; background-size: 200% 200%; }

@keyframes pulse-slow { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.animate-pulse-slow { animation: pulse-slow 2.5s infinite; }

/* Scroll suave */
html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100vw; }

/* Estilos para o formulário */
input:focus, textarea:focus { outline: none; box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.2); }

/* Responsividade */
@media (max-width: 768px) {
    .container { padding-left: 1rem; padding-right: 1rem; }
    body { overflow-x: hidden; }
    .lines { width: 100%; max-width: 100vw; padding: 0 1rem; }
    * { max-width: 100%; box-sizing: border-box; }
    /* Hero mobile background removido para evitar conflito com CSS inline */
}

/* Background do Hero - removido para evitar conflito com CSS inline */

/* Efeitos de hover */
.hover-scale { transition: transform 0.3s ease; }
.hover-scale:hover { transform: scale(1.05); }

/* Gradientes */
.gradient-text { background: linear-gradient(to right, #E91E63, #FF4081); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Transições */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; }

/* Z-index */
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }

/* Backdrop */
.backdrop-blur-sm { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

/* Opacidade */
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }

/* Bordas */
.border-zinc-800 { border-color: rgba(39, 39, 42, 0.5); }

/* Cores personalizadas */
.bg-[#E91E63] { background-color: #E91E63; }
.bg-[#FF4081] { background-color: #FF4081; }
.bg-[#1a0a0f] { background-color: #1a0a0f; }
.bg-[#4973ff] { background-color: #4973ff; }
.text-[#E91E63] { color: #E91E63; }
.text-[#FF4081] { color: #FF4081; }
.border-[#E91E63] { border-color: #E91E63; }
.border-[#E91E63]/30 { border-color: rgba(233, 30, 99, 0.3); }
.border-[#E91E63]/10 { border-color: rgba(233, 30, 99, 0.1); }
.border-[#E91E63]/20 { border-color: rgba(233, 30, 99, 0.2); }

/* Efeito Holográfico */
.btn { position: relative; padding: 1.5rem 3rem; font-size: 1.1rem; font-weight: 600; color: #fff; background: none; border: none; cursor: pointer; overflow: hidden; transition: all 0.4s ease; }
.hologram { border: 2px solid rgba(0, 255, 255, 0.5); background: rgba(0, 255, 255, 0.1); box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.hologram span { position: relative; z-index: 2; display: block; }
.hologram span::before, .hologram span::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; z-index: -1; }
.hologram span::before { animation: glitch 3s infinite linear alternate-reverse; color: #ff00ff; text-shadow: 2px 0 #00ffff; clip: rect(44px, 450px, 56px, 0); }
.hologram span::after { animation: glitch 2s infinite linear alternate-reverse; color: #00ffff; text-shadow: -2px 0 #ff00ff; clip: rect(44px, 450px, 56px, 0); }
.scan-line { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.8), transparent); animation: scan 2s linear infinite; z-index: 1; }

@keyframes glitch { 0% { clip: rect(42px, 9999px, 44px, 0); transform: skew(0.15deg); } 5% { clip: rect(12px, 9999px, 59px, 0); transform: skew(0.25deg); } 10% { clip: rect(48px, 9999px, 29px, 0); transform: skew(0.1deg); } 15% { clip: rect(42px, 9999px, 73px, 0); transform: skew(0.4deg); } 20% { clip: rect(63px, 9999px, 27px, 0); transform: skew(0.15deg); } 25% { clip: rect(34px, 9999px, 55px, 0); transform: skew(0.2deg); } 30% { clip: rect(86px, 9999px, 73px, 0); transform: skew(0.25deg); } 35% { clip: rect(20px, 9999px, 20px, 0); transform: skew(0.15deg); } 40% { clip: rect(26px, 9999px, 60px, 0); transform: skew(0.1deg); } 45% { clip: rect(25px, 9999px, 66px, 0); transform: skew(0.3deg); } 50% { clip: rect(57px, 9999px, 98px, 0); transform: skew(0.4deg); } 55% { clip: rect(5px, 9999px, 46px, 0); transform: skew(0.25deg); } 60% { clip: rect(82px, 9999px, 31px, 0); transform: skew(0.2deg); } 65% { clip: rect(54px, 9999px, 27px, 0); transform: skew(0.3deg); } 70% { clip: rect(28px, 9999px, 99px, 0); transform: skew(0.15deg); } 75% { clip: rect(45px, 9999px, 69px, 0); transform: skew(0.1deg); } 80% { clip: rect(23px, 9999px, 85px, 0); transform: skew(0.4deg); } 85% { clip: rect(54px, 9999px, 84px, 0); transform: skew(0.35deg); } 90% { clip: rect(45px, 9999px, 47px, 0); transform: skew(0.25deg); } 95% { clip: rect(37px, 9999px, 20px, 0); transform: skew(0.4deg); } 100% { clip: rect(4px, 9999px, 91px, 0); transform: skew(0.1deg); } }
@keyframes scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

/* Efeito de Brilho */
.glow-on-hover { width: auto; height: auto; border: none; outline: none; color: #fff; background: #111; cursor: pointer; position: relative; z-index: 0; border-radius: 10px; }
.glow-on-hover:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px; left: -2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 1; border-radius: 10px; }
.glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #111; left: 0; top: 0; border-radius: 10px; }
@keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } }

/* Linhas Animadas */
.lines { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 100%; max-width: 100vw; display: flex; justify-content: space-between; z-index: 1; overflow: hidden; }
.line { position: relative; width: 1px; height: 100%; background: linear-gradient(45deg, transparent, #0ff, transparent); animation: drop 2s linear infinite; }
.line::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 15vh; background: linear-gradient(45deg, transparent, #0ff, transparent); animation: drop 2s linear infinite; animation-delay: -1s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }

.line:nth-child(1) { animation-delay: 0s; background: linear-gradient(45deg, transparent, #ff0080, transparent); }
.line:nth-child(1)::after { background: linear-gradient(45deg, transparent, #ff0080, transparent); }
.line:nth-child(2) { animation-delay: 0.2s; background: linear-gradient(45deg, transparent, #00ff80, transparent); }
.line:nth-child(2)::after { background: linear-gradient(45deg, transparent, #00ff80, transparent); }
.line:nth-child(3) { animation-delay: 0.4s; background: linear-gradient(45deg, transparent, #8000ff, transparent); }
.line:nth-child(3)::after { background: linear-gradient(45deg, transparent, #8000ff, transparent); }
.line:nth-child(4) { animation-delay: 0.6s; background: linear-gradient(45deg, transparent, #ff8000, transparent); }
.line:nth-child(4)::after { background: linear-gradient(45deg, transparent, #ff8000, transparent); }
.line:nth-child(5) { animation-delay: 0.8s; background: linear-gradient(45deg, transparent, #00ffff, transparent); }
.line:nth-child(5)::after { background: linear-gradient(45deg, transparent, #00ffff, transparent); }
.line:nth-child(6) { animation-delay: 1s; background: linear-gradient(45deg, transparent, #ff0080, transparent); }
.line:nth-child(6)::after { background: linear-gradient(45deg, transparent, #ff0080, transparent); }
.line:nth-child(7) { animation-delay: 1.2s; background: linear-gradient(45deg, transparent, #00ff80, transparent); }
.line:nth-child(7)::after { background: linear-gradient(45deg, transparent, #00ff80, transparent); }
.line:nth-child(8) { animation-delay: 1.4s; background: linear-gradient(45deg, transparent, #8000ff, transparent); }
.line:nth-child(8)::after { background: linear-gradient(45deg, transparent, #8000ff, transparent); }
.line:nth-child(9) { animation-delay: 1.6s; background: linear-gradient(45deg, transparent, #ff8000, transparent); }
.line:nth-child(9)::after { background: linear-gradient(45deg, transparent, #ff8000, transparent); }
.line:nth-child(10) { animation-delay: 1.8s; background: linear-gradient(45deg, transparent, #00ffff, transparent); }
.line:nth-child(10)::after { background: linear-gradient(45deg, transparent, #00ffff, transparent); }

@keyframes drop { 0% { transform: translateY(-100vh); } 100% { transform: translateY(100vh); } }

/* Efeito City Nights - REMOVIDO PARA OTIMIZAÇÃO */

/* Estilos para Seção Canal YouTube */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
#youtube-carousel { scroll-behavior: smooth; }
#youtube-carousel::-webkit-scrollbar { height: 8px; }
#youtube-carousel::-webkit-scrollbar-track { background: #27272a; border-radius: 4px; }
#youtube-carousel::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 4px; }
#youtube-carousel::-webkit-scrollbar-thumb:hover { background: #52525b; }
.city-nights { animation: lights 5s 750ms linear infinite; }
@keyframes lights {
    0% { color: hsl(230, 40%, 80%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0); }
    30% { color: hsl(230, 80%, 90%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); }
    40% { color: hsl(230, 100%, 95%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4); }
    70% { color: hsl(230, 80%, 90%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); }
    100% { color: hsl(230, 40%, 80%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0); }
}