/*
Theme Name: Bet da Sorte Premium V3
Description: Tema High-End com Banners Dinâmicos e SEO Schema
Version: 3.2
*/

body {background-color:#0a0b10; color:#f3f4f6; -webkit-font-smoothing:antialiased;}

body.bg-dark-base {background-color:#050509; color:#f9fafb;}

body::before {content:""; position:fixed; inset:0; width:100%; height:100%; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events:none; z-index:10; mix-blend-mode:overlay;}

main.min-h-screen {padding-top:30px;}

#site-header {color:#e5e7eb;}

.glass-panel {background:radial-gradient(circle at top left, rgba(255,186,0,0.12), transparent 55%), rgba(5,5,9,0.96); border-radius:18px; border:1px solid rgba(255,255,255,0.06); backdrop-filter:blur(18px); box-shadow:0 18px 45px rgba(0,0,0,0.6);}

#site-header nav ul li a {color:#9ca3af; text-decoration:none; transition:color .2s ease, opacity .2s ease;}

#site-header nav ul li a:hover {color:#FFBA00; opacity:1;}

#site-header nav ul {letter-spacing:0.18em;}

#site-header .site-logo img {display:block;}

#site-header .site-logo span.inline-flex span.inline-block {background-color:#FFBA00 !important;}

#site-header .site-logo span.inline-flex span.text-\[\#ffba00\] {color:#FFBA00 !important;}

#site-header [data-search-open] {background:transparent; border-color:rgba(255,255,255,0.18); color:#e5e7eb; transition:background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;}

#site-header [data-search-open]:hover {background:#4ade80; border-color:#4ade80; color:#020617; box-shadow:0 0 12px rgba(74,222,128,0.7);}

.neon-cta {background:linear-gradient(90deg,#4ade80,#a3e635); color:#020617; border-radius:999px; border:1px solid rgba(15,23,42,0.9); box-shadow:0 0 24px rgba(74,222,128,0.6); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;}

.neon-cta span {color:inherit;}

.neon-cta:hover {transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 0 32px rgba(74,222,128,0.9);}

#scroll-line {background-color:#4ade80; box-shadow:0 0 10px #4ade80;}

.search-overlay {position:fixed; inset:0; z-index:50; background:radial-gradient(circle at top, rgba(74,222,128,0.15), transparent 55%) #020617f2; display:flex; align-items:center; justify-content:center;}

.search-overlay.hidden {display:none;}

.search-overlay__inner {width:100%; max-width:900px; padding:24px; border-radius:24px; background:rgba(15,23,42,0.98); border:1px solid rgba(148,163,184,0.35); box-shadow:0 35px 80px rgba(0,0,0,0.8);}

.search-overlay__bar {display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}

.search-overlay__close {width:32px; height:32px; border-radius:9999px; border:1px solid rgba(148,163,184,0.35); background:transparent; color:#e5e7eb; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:color .2s ease, transform .15s ease, border-color .2s ease;}

.search-overlay__close:hover {color:#f9fafb; border-color:#FFBA00; transform:rotate(4deg);}

.search-input-wrapper {position:relative; margin-bottom:20px;}

.search-input {width:100%; padding:14px 130px 14px 16px; border-radius:9999px; border:1px solid rgba(148,163,184,0.45); background:radial-gradient(circle at left, rgba(74,222,128,0.12), transparent 55%) #020617; color:#e5e7eb; outline:none; font-size:0.95rem; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}

.search-input::placeholder {color:#6b7280;}

.search-input:focus {border-color:#FFBA00; box-shadow:0 0 0 1px rgba(255,186,0,0.4); background:#020617;}

.search-submit {position:absolute; right:4px; top:4px; bottom:4px; padding:0 18px; border-radius:9999px; border:none; background:#FFBA00; color:#020617; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:0.18em; cursor:pointer; transition:background .2s ease, transform .15s ease, box-shadow .2s ease;}
.search-submit:hover {background:#c89300; box-shadow:0 0 16px rgba(255,186,0,0.7); transform:translateY(-1px);}

.search-results {max-height:360px; overflow-y:auto; padding-right:6px;}

.search-results p {color:#9ca3af;}

.search-result-item {padding:10px 4px; border-bottom:1px solid rgba(30,64,175,0.3);}

.search-result-item:last-child {border-bottom:0;}

.search-result-title {color:#e5e7eb; font-size:0.95rem; font-weight:600;}

.search-result-meta {font-size:0.7rem; text-transform:uppercase; letter-spacing:0.16em; color:#4ade80; margin-bottom:2px;}

.search-result-excerpt {font-size:0.8rem; color:#9ca3af;}

.glass-card {background:rgba(19,20,26,0.85); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,0.08); transition:border-color 0.3s ease, transform 0.4s ease, box-shadow 0.3s ease; position:relative;}

.glass-card:hover {border-color:rgba(74,222,128,0.9); transform:translateY(-4px); box-shadow:0 20px 40px rgba(74,222,128,0.12);}
.prose {max-width:100%;}

.prose p {margin-bottom:1.4em; line-height:1.9;}

.prose h2,.prose h3,.prose h4 {color:#f9fafb; font-family:'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; margin-top:2.4em; margin-bottom:0.8em; letter-spacing:0.02em;}

.prose h2 {font-size:1.8rem; border-left:3px solid #4ade80; padding-left:0.75rem;}

.prose h3 {font-size:1.4rem;}

.prose h4 {font-size:1.1rem; text-transform:uppercase; letter-spacing:0.12em;}

.prose strong {color:#f9fafb; font-weight:700;}

.prose ul,.prose ol {margin:1.2em 0 1.6em 1.4em; padding-left:0.4em;}

.prose ul li {position:relative; margin-bottom:0.4em; padding-left:0.8em;}

.prose ul li::before {content:''; position:absolute; left:0; top:0.7em; width:0.35rem; height:0.35rem; border-radius:999px; background:radial-gradient(circle,#4ade80,#22c55e);}

.prose blockquote {border-left:3px solid #4ade80; background:rgba(15,23,42,0.85); padding:1.4rem 1.6rem; border-radius:0 18px 18px 0; margin:2em 0; font-style:italic; color:#e5e7eb;}

.prose a {color:#3b82f6; text-decoration:none; background-image:linear-gradient(to right,#3b82f6,#3b82f6); background-size:0% 100%; background-repeat:no-repeat; background-position:left center; transition:background-size 0.4s cubic-bezier(0.2,0.8,0.2,1), color 0.3s ease, box-shadow 0.2s ease; padding:0 2px; box-shadow:0 1px 0 rgba(59,130,246,0.4);}

.prose a:hover {background-size:100% 100%; color:#000; box-shadow:0 0 0 transparent;}

.snap-x {scroll-snap-type:x mandatory;}
.snap-center {scroll-snap-align:center;}
.scrollbar-hide::-webkit-scrollbar {display:none;}
.scrollbar-hide {-ms-overflow-style:none; scrollbar-width:none;}

.slider-nav-btn {width:3rem; height:3rem; border-radius:9999px; border:1px solid rgba(255,255,255,0.3); background:radial-gradient(circle at top left, rgba(74,222,128,0.35), rgba(0,0,0,0.85)); color:#f9fafb; display:flex; align-items:center; justify-content:center; font-weight:600; cursor:pointer; transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;}

.slider-nav-btn:hover {transform:translateY(-1px); border-color:#4ade80; box-shadow:0 0 20px rgba(74,222,128,0.65);}

.animate-slide-up-soft {opacity:0; transform:translateY(18px); animation:slideUpSoft 0.8s ease-out forwards;}

@keyframes slideUpSoft {to {opacity:1; transform:translateY(0);}}

.text-neon {color:#FFBA00;}

.bg-neon\/5 {background-color:rgba(255,186,0,0.06);}
.border-neon\/10 {border-color:rgba(255,186,0,0.12);}
.bg-neon\/20 {background-color:rgba(255,186,0,0.16);}
.border-neon\/20 {border-color:rgba(255,186,0,0.22);}

.animate-marquee {display:inline-flex; will-change:transform; animation:betdasorte-marquee 30s linear infinite;}

@keyframes betdasorte-marquee {0% {transform:translateX(0);} 100% {transform:translateX(-50%);}}

.marquee-mask {position:relative; background-color:rgba(5,5,9,0.9);}

.marquee-mask::before,.marquee-mask::after {content:""; position:absolute; top:0; width:80px; height:100%; pointer-events:none; z-index:10;}

.marquee-mask::before {left:0; background:linear-gradient(to right,#050509,transparent);}
.marquee-mask::after {right:0; background:linear-gradient(to left,#050509,transparent);}
.share-btn {width:2.6rem; height:2.6rem; border-radius:9999px; border:1px solid rgba(148,163,184,0.45); display:flex; align-items:center; justify-content:center; color:#9ca3af; text-decoration:none; font-size:0.95rem; font-weight:600; text-transform:uppercase; background:radial-gradient(circle at top, rgba(15,23,42,0.95), rgba(15,23,42,0.7)); transition:border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;}

.share-btn:hover {border-color:#4ade80; color:#e5e7eb; transform:translateY(-1px); background:radial-gradient(circle at top, rgba(74,222,128,0.35), rgba(15,23,42,0.98)); box-shadow:0 0 18px rgba(74,222,128,0.7);}