{"id":10,"date":"2026-05-14T13:31:58","date_gmt":"2026-05-14T13:31:58","guid":{"rendered":"https:\/\/radiociframix.com.br\/?page_id=10"},"modified":"2026-06-23T12:51:24","modified_gmt":"2026-06-23T12:51:24","slug":"inicio","status":"publish","type":"page","link":"https:\/\/radiociframix.com.br\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n R\u00e1dio Cifra Mix<\/title>\r\n\r\n <style>\r\n :root {\r\n --azul-escuro: #082b63;\r\n --azul-medio: #0d58a8;\r\n --azul-claro: #35b7ff;\r\n --laranja: #ff8c00;\r\n --dourado: #d99a22;\r\n --dourado-claro: #ffd36a;\r\n --fundo-claro: #eef5ff;\r\n --branco: #ffffff;\r\n --azul-suave: #f2f8ff;\r\n --laranja-suave: #fff3e3;\r\n --texto: #26364f;\r\n --sombra: rgba(0, 32, 78, 0.18);\r\n --borda: rgba(8, 43, 99, 0.10);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n scroll-padding-top: 105px;\r\n }\r\n\r\n body {\r\n font-family: \"Segoe UI\", Arial, sans-serif;\r\n background: var(--fundo-claro);\r\n color: var(--texto);\r\n overflow-x: hidden;\r\n padding-top: 88px;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n }\r\n\r\n .top-menu {\r\n width: 100%;\r\n background: linear-gradient(90deg, #ffffff 0%, #f2f8ff 48%, #fff3e3 100%);\r\n border-bottom: 3px solid var(--laranja);\r\n box-shadow: 0 6px 22px rgba(0, 32, 78, 0.18);\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 9999;\r\n }\r\n\r\n .menu-container {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 8px 18px;\r\n min-height: 88px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 18px;\r\n }\r\n\r\n .logo-area {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo-area img {\r\n height: 66px;\r\n max-width: 205px;\r\n object-fit: contain;\r\n display: block;\r\n filter: drop-shadow(0 3px 8px rgba(0, 43, 95, 0.25));\r\n }\r\n\r\n .menu-links {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n list-style: none;\r\n flex-wrap: wrap;\r\n text-align: center;\r\n }\r\n\r\n .menu-links li {\r\n list-style: none;\r\n }\r\n\r\n .menu-links li a {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 40px;\r\n padding: 9px 12px;\r\n border-radius: 14px;\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: 0.2px;\r\n color: var(--azul-escuro);\r\n overflow: hidden;\r\n transition: 0.35s ease;\r\n white-space: nowrap;\r\n z-index: 1;\r\n }\r\n\r\n .menu-links li a::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, var(--azul-claro), var(--laranja));\r\n opacity: 0;\r\n transform: scale(0.75);\r\n border-radius: 14px;\r\n transition: 0.35s ease;\r\n z-index: -1;\r\n }\r\n\r\n .menu-links li a::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 16px;\r\n right: 16px;\r\n bottom: 6px;\r\n height: 3px;\r\n background: var(--laranja);\r\n border-radius: 20px;\r\n transform: scaleX(0);\r\n transform-origin: center;\r\n transition: 0.35s ease;\r\n }\r\n\r\n .menu-links li a:hover {\r\n color: var(--branco);\r\n transform: translateY(-3px);\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .menu-links li a:hover::before {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .menu-links li a:hover::after {\r\n transform: scaleX(1);\r\n background: var(--branco);\r\n }\r\n\r\n .menu-links li a.active {\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n color: var(--branco);\r\n box-shadow: 0 5px 16px rgba(8, 43, 99, 0.25);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n width: 46px;\r\n height: 46px;\r\n border: none;\r\n border-radius: 14px;\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n cursor: pointer;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n gap: 5px;\r\n box-shadow: 0 5px 15px rgba(8, 43, 99, 0.25);\r\n flex-shrink: 0;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--branco);\r\n border-radius: 20px;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .hamburger.active span:nth-child(1) {\r\n transform: rotate(45deg) translate(6px, 6px);\r\n background: var(--laranja);\r\n }\r\n\r\n .hamburger.active span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n .hamburger.active span:nth-child(3) {\r\n transform: rotate(-45deg) translate(5px, -5px);\r\n background: var(--laranja);\r\n }\r\n\r\n .section {\r\n padding: 90px 20px;\r\n position: relative;\r\n }\r\n\r\n .section-light {\r\n background:\r\n radial-gradient(circle at top left, rgba(53, 183, 255, 0.20), transparent 32%),\r\n radial-gradient(circle at bottom right, rgba(255, 140, 0, 0.16), transparent 35%),\r\n linear-gradient(135deg, #ffffff 0%, #f2f8ff 50%, #fff3e3 100%);\r\n }\r\n\r\n .section-blue {\r\n background:\r\n radial-gradient(circle at top right, rgba(255, 140, 0, 0.16), transparent 32%),\r\n linear-gradient(135deg, #eef5ff 0%, #ffffff 48%, #f2f8ff 100%);\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n max-width: 1220px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero {\r\n min-height: calc(100vh - 88px);\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.05fr 0.95fr;\r\n align-items: center;\r\n gap: 45px;\r\n }\r\n\r\n .hero-content {\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(14px);\r\n border: 1px solid rgba(255, 255, 255, 0.85);\r\n border-bottom: 4px solid var(--laranja);\r\n border-radius: 32px;\r\n padding: 48px;\r\n box-shadow: 0 18px 45px var(--sombra);\r\n }\r\n\r\n .tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 17px;\r\n border-radius: 999px;\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n color: var(--branco);\r\n font-size: 14px;\r\n font-weight: 800;\r\n letter-spacing: 0.3px;\r\n box-shadow: 0 8px 20px rgba(8, 43, 99, 0.25);\r\n margin-bottom: 22px;\r\n }\r\n\r\n .tag span {\r\n width: 9px;\r\n height: 9px;\r\n background: var(--laranja);\r\n border-radius: 50%;\r\n box-shadow: 0 0 12px var(--laranja);\r\n }\r\n\r\n h1 {\r\n font-size: clamp(36px, 5vw, 68px);\r\n line-height: 1.02;\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n letter-spacing: -1.8px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n h1 strong,\r\n .gradient-text {\r\n background: linear-gradient(135deg, var(--azul-medio), var(--azul-claro), var(--laranja));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n display: inline-block;\r\n }\r\n\r\n .hero-content p,\r\n .section-subtitle {\r\n font-size: 18px;\r\n line-height: 1.7;\r\n color: #374761;\r\n }\r\n\r\n .hero-content p {\r\n max-width: 650px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 50px;\r\n padding: 14px 24px;\r\n border-radius: 16px;\r\n font-size: 16px;\r\n font-weight: 900;\r\n transition: 0.35s ease;\r\n cursor: pointer;\r\n border: none;\r\n text-align: center;\r\n }\r\n\r\n .btn-primary {\r\n color: var(--branco);\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio), var(--azul-claro));\r\n box-shadow: 0 10px 24px rgba(8, 43, 99, 0.25);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 15px 32px rgba(8, 43, 99, 0.34);\r\n background: linear-gradient(135deg, var(--azul-medio), var(--azul-claro), var(--laranja));\r\n }\r\n\r\n .btn-secondary {\r\n color: var(--azul-escuro);\r\n background: var(--branco);\r\n border: 2px solid rgba(255, 140, 0, 0.45);\r\n box-shadow: 0 8px 20px rgba(0, 32, 78, 0.10);\r\n }\r\n\r\n .btn-secondary:hover {\r\n transform: translateY(-4px);\r\n color: var(--branco);\r\n background: linear-gradient(135deg, var(--laranja), var(--azul-claro));\r\n border-color: transparent;\r\n }\r\n\r\n .mini-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .mini-card {\r\n background: linear-gradient(180deg, #ffffff, #f6f9ff);\r\n border-radius: 20px;\r\n padding: 18px 14px;\r\n text-align: center;\r\n box-shadow: 0 8px 20px rgba(0, 32, 78, 0.10);\r\n border: 1px solid rgba(8, 43, 99, 0.08);\r\n transition: 0.35s ease;\r\n }\r\n\r\n .mini-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(255, 140, 0, 0.45);\r\n }\r\n\r\n .mini-card h3 {\r\n font-size: 22px;\r\n color: var(--laranja);\r\n margin-bottom: 5px;\r\n font-weight: 950;\r\n }\r\n\r\n .mini-card span {\r\n font-size: 13px;\r\n color: var(--azul-escuro);\r\n font-weight: 800;\r\n }\r\n\r\n .image-area {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .image-card {\r\n position: relative;\r\n width: min(100%, 470px);\r\n min-height: 610px;\r\n border-radius: 36px;\r\n background:\r\n linear-gradient(135deg, rgba(8, 43, 99, 0.95), rgba(13, 88, 168, 0.88)),\r\n linear-gradient(180deg, #ffffff, #fff3e3);\r\n box-shadow: 0 22px 50px rgba(0, 32, 78, 0.26);\r\n overflow: hidden;\r\n border: 5px solid rgba(255, 255, 255, 0.75);\r\n }\r\n\r\n .image-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 16px;\r\n border: 2px solid rgba(255, 140, 0, 0.55);\r\n border-radius: 28px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .image-card::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 260px;\r\n height: 260px;\r\n border-radius: 50%;\r\n background: rgba(255, 140, 0, 0.32);\r\n top: 35px;\r\n right: -70px;\r\n filter: blur(5px);\r\n z-index: 1;\r\n }\r\n\r\n .image-card img {\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 108%;\r\n height: auto;\r\n max-height: 100%;\r\n object-fit: contain;\r\n z-index: 3;\r\n filter: drop-shadow(0 14px 20px rgba(0, 0, 0, 0.25));\r\n }\r\n\r\n .section-header {\r\n max-width: 780px;\r\n margin: 0 auto 45px;\r\n text-align: center;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: clamp(32px, 4vw, 52px);\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n letter-spacing: -1.2px;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n align-items: stretch;\r\n }\r\n\r\n .about-card {\r\n background: rgba(255, 255, 255, 0.82);\r\n border-radius: 28px;\r\n padding: 34px;\r\n box-shadow: 0 14px 34px rgba(0, 32, 78, 0.13);\r\n border: 1px solid var(--borda);\r\n border-bottom: 4px solid var(--laranja);\r\n }\r\n\r\n .about-card h3 {\r\n font-size: 25px;\r\n color: var(--azul-escuro);\r\n margin-bottom: 14px;\r\n font-weight: 950;\r\n }\r\n\r\n .about-card p {\r\n font-size: 16.5px;\r\n line-height: 1.75;\r\n color: #40506a;\r\n }\r\n\r\n .socios-header {\r\n max-width: 980px;\r\n margin: 0 auto 48px;\r\n text-align: center;\r\n }\r\n\r\n .socios-header h2 {\r\n font-size: clamp(34px, 5vw, 62px);\r\n line-height: 1.08;\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n letter-spacing: -1.3px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .socios-header h2 span {\r\n background: linear-gradient(135deg, var(--azul-medio), var(--azul-claro), var(--laranja));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n display: inline-block;\r\n }\r\n\r\n .socios-header h3 {\r\n font-size: clamp(21px, 3vw, 32px);\r\n color: var(--azul-escuro);\r\n font-weight: 900;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .socios-header p {\r\n font-size: 18px;\r\n line-height: 1.75;\r\n color: #3b4a62;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .socios-divider {\r\n width: 160px;\r\n height: 3px;\r\n margin: 26px auto;\r\n background: linear-gradient(90deg, transparent, var(--laranja), var(--dourado), transparent);\r\n border-radius: 999px;\r\n position: relative;\r\n }\r\n\r\n .socios-divider::after {\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n background: var(--laranja);\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n box-shadow: 0 0 12px rgba(255, 140, 0, 0.45);\r\n }\r\n\r\n .socios-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 26px;\r\n }\r\n\r\n .socio-card {\r\n background: rgba(255, 255, 255, 0.90);\r\n border-radius: 30px;\r\n padding: 28px;\r\n box-shadow: 0 15px 36px rgba(0, 32, 78, 0.14);\r\n border: 1px solid rgba(255, 255, 255, 0.85);\r\n border-bottom: 5px solid var(--laranja);\r\n display: grid;\r\n grid-template-columns: 220px 1fr;\r\n gap: 26px;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n transition: 0.35s ease;\r\n }\r\n\r\n .socio-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at top right, rgba(255, 140, 0, 0.12), transparent 32%),\r\n radial-gradient(circle at bottom left, rgba(53, 183, 255, 0.14), transparent 34%);\r\n pointer-events: none;\r\n }\r\n\r\n .socio-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 22px 48px rgba(0, 32, 78, 0.22);\r\n }\r\n\r\n .socio-destaque {\r\n grid-column: 1 \/ -1;\r\n grid-template-columns: 260px 1fr;\r\n padding: 34px;\r\n background:\r\n radial-gradient(circle at top right, rgba(255, 140, 0, 0.18), transparent 36%),\r\n linear-gradient(135deg, rgba(255,255,255,0.96), rgba(242,248,255,0.92), rgba(255,243,227,0.92));\r\n }\r\n\r\n .socio-foto {\r\n width: 220px;\r\n height: 220px;\r\n border-radius: 26px;\r\n background: linear-gradient(135deg, var(--dourado-claro), var(--dourado), var(--laranja));\r\n padding: 5px;\r\n box-shadow: 0 12px 26px rgba(0, 32, 78, 0.18);\r\n position: relative;\r\n z-index: 2;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n }\r\n\r\n .socio-destaque .socio-foto {\r\n width: 260px;\r\n height: 260px;\r\n }\r\n\r\n .socio-foto::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 9px;\r\n border: 2px solid rgba(255, 255, 255, 0.70);\r\n border-radius: 20px;\r\n pointer-events: none;\r\n z-index: 3;\r\n }\r\n\r\n .socio-foto img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n border-radius: 22px;\r\n display: block;\r\n background: #ffffff;\r\n }\r\n\r\n .socio-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .socio-content h3 {\r\n font-size: clamp(25px, 3vw, 34px);\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n letter-spacing: -0.8px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .socio-destaque .socio-content h3 {\r\n font-size: clamp(32px, 4vw, 46px);\r\n }\r\n\r\n .socio-line {\r\n width: 68px;\r\n height: 3px;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, var(--laranja), var(--dourado-claro));\r\n margin-bottom: 16px;\r\n }\r\n\r\n .socio-content p {\r\n font-size: 16px;\r\n line-height: 1.72;\r\n color: #3c4d66;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .socios-final {\r\n margin-top: 50px;\r\n background:\r\n radial-gradient(circle at right, rgba(255, 140, 0, 0.22), transparent 35%),\r\n linear-gradient(135deg, var(--azul-escuro), #061d42, var(--azul-medio));\r\n border-radius: 30px;\r\n padding: 36px 34px;\r\n color: var(--branco);\r\n box-shadow: 0 20px 44px rgba(0, 32, 78, 0.24);\r\n border: 1px solid rgba(255, 255, 255, 0.18);\r\n border-bottom: 5px solid var(--laranja);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n .socios-final::before {\r\n content: \"\u266a\";\r\n position: absolute;\r\n left: 28px;\r\n top: 18px;\r\n font-size: 92px;\r\n color: rgba(255, 140, 0, 0.18);\r\n font-weight: 900;\r\n line-height: 1;\r\n }\r\n\r\n .socios-final p {\r\n position: relative;\r\n z-index: 2;\r\n font-size: clamp(22px, 3vw, 34px);\r\n line-height: 1.35;\r\n font-weight: 850;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .socios-final strong {\r\n color: var(--laranja);\r\n }\r\n\r\n .plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n align-items: stretch;\r\n }\r\n\r\n .plan-card {\r\n background: linear-gradient(180deg, #ffffff, #f6f9ff 70%, #fff3e3);\r\n border-radius: 30px;\r\n padding: 34px;\r\n box-shadow: 0 15px 35px rgba(0, 32, 78, 0.14);\r\n border: 1px solid rgba(8, 43, 99, 0.08);\r\n border-bottom: 5px solid var(--laranja);\r\n transition: 0.35s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .plan-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 22px 44px rgba(0, 32, 78, 0.22);\r\n }\r\n\r\n .plan-card.featured {\r\n background:\r\n radial-gradient(circle at top right, rgba(255, 140, 0, 0.22), transparent 36%),\r\n linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n color: var(--branco);\r\n border-bottom-color: var(--azul-claro);\r\n transform: scale(1.03);\r\n }\r\n\r\n .plan-card.featured:hover {\r\n transform: scale(1.03) translateY(-8px);\r\n }\r\n\r\n .plan-card h3 {\r\n font-size: 28px;\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .plan-card.featured h3 {\r\n color: var(--branco);\r\n }\r\n\r\n .plan-price {\r\n font-size: 36px;\r\n font-weight: 950;\r\n color: var(--laranja);\r\n margin: 18px 0;\r\n }\r\n\r\n .plan-card.featured .plan-price {\r\n color: var(--branco);\r\n }\r\n\r\n .plan-card p {\r\n font-size: 15.5px;\r\n line-height: 1.65;\r\n color: #40506a;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .plan-card.featured p,\r\n .plan-card.featured li {\r\n color: rgba(255, 255, 255, 0.90);\r\n }\r\n\r\n .plan-card ul {\r\n list-style: none;\r\n display: grid;\r\n gap: 11px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .plan-card li {\r\n font-size: 15px;\r\n color: #40506a;\r\n padding-left: 20px;\r\n position: relative;\r\n line-height: 1.45;\r\n }\r\n\r\n .plan-card li::before {\r\n content: \"\";\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n background: var(--laranja);\r\n position: absolute;\r\n left: 0;\r\n top: 7px;\r\n }\r\n\r\n .plan-card.featured li::before {\r\n background: var(--azul-claro);\r\n }\r\n\r\n .faq-grid {\r\n display: grid;\r\n gap: 16px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .faq-item {\r\n background: var(--branco);\r\n border-radius: 20px;\r\n box-shadow: 0 10px 24px rgba(0, 32, 78, 0.11);\r\n border: 1px solid rgba(8, 43, 99, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n width: 100%;\r\n border: none;\r\n background: transparent;\r\n padding: 20px 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n cursor: pointer;\r\n color: var(--azul-escuro);\r\n font-size: 17px;\r\n font-weight: 900;\r\n text-align: left;\r\n font-family: inherit;\r\n }\r\n\r\n .faq-question span {\r\n color: var(--laranja);\r\n font-size: 24px;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: 0.35s ease;\r\n padding: 0 22px;\r\n }\r\n\r\n .faq-answer p {\r\n padding-bottom: 20px;\r\n line-height: 1.65;\r\n color: #40506a;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 180px;\r\n }\r\n\r\n .faq-item.active .faq-question span {\r\n transform: rotate(45deg);\r\n }\r\n\r\n .contact-box {\r\n background: rgba(255, 255, 255, 0.82);\r\n border-radius: 32px;\r\n padding: 42px;\r\n box-shadow: 0 18px 45px var(--sombra);\r\n border: 1px solid rgba(255, 255, 255, 0.85);\r\n border-bottom: 4px solid var(--laranja);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 28px;\r\n align-items: center;\r\n }\r\n\r\n .contact-box h2 {\r\n font-size: clamp(30px, 4vw, 48px);\r\n color: var(--azul-escuro);\r\n font-weight: 950;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .contact-box p {\r\n font-size: 17px;\r\n line-height: 1.7;\r\n color: #40506a;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .contact-list {\r\n display: grid;\r\n gap: 12px;\r\n }\r\n\r\n .contact-list a {\r\n color: var(--azul-escuro);\r\n font-weight: 850;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 15px;\r\n box-shadow: 0 7px 16px rgba(0, 32, 78, 0.10);\r\n border-left: 4px solid var(--laranja);\r\n transition: 0.3s ease;\r\n }\r\n\r\n .contact-list a:hover {\r\n transform: translateX(5px);\r\n color: var(--laranja);\r\n }\r\n\r\n .footer {\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n color: var(--branco);\r\n text-align: center;\r\n padding: 34px 20px;\r\n }\r\n\r\n .footer p {\r\n opacity: 0.92;\r\n line-height: 1.6;\r\n font-weight: 700;\r\n }\r\n\r\n @media (max-width: 1180px) {\r\n .menu-container {\r\n padding: 8px 14px;\r\n gap: 12px;\r\n }\r\n\r\n .logo-area img {\r\n height: 58px;\r\n max-width: 180px;\r\n }\r\n\r\n .menu-links li a {\r\n font-size: 13px;\r\n padding: 8px 9px;\r\n }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n html {\r\n scroll-padding-top: 90px;\r\n }\r\n\r\n body {\r\n padding-top: 78px;\r\n }\r\n\r\n .top-menu {\r\n border-bottom: 2px solid var(--laranja);\r\n }\r\n\r\n .menu-container {\r\n min-height: 78px;\r\n padding: 8px 14px;\r\n justify-content: space-between;\r\n }\r\n\r\n .logo-area img {\r\n height: 54px;\r\n max-width: 175px;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .menu-links {\r\n position: absolute;\r\n top: 78px;\r\n left: 0;\r\n width: 100%;\r\n display: none;\r\n flex-direction: column;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n gap: 9px;\r\n padding: 14px 14px 18px;\r\n background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 55%, #fff0dd 100%);\r\n border-bottom: 3px solid var(--laranja);\r\n box-shadow: 0 12px 24px rgba(0, 32, 78, 0.18);\r\n max-height: calc(100vh - 78px);\r\n overflow-y: auto;\r\n }\r\n\r\n .menu-links.active {\r\n display: flex;\r\n }\r\n\r\n .menu-links li {\r\n width: 100%;\r\n }\r\n\r\n .menu-links li a {\r\n width: 100%;\r\n min-height: 48px;\r\n justify-content: center;\r\n font-size: 16px;\r\n padding: 13px 14px;\r\n background: #ffffff;\r\n color: var(--azul-escuro);\r\n box-shadow: 0 4px 12px rgba(0, 32, 78, 0.10);\r\n border-radius: 14px;\r\n }\r\n\r\n .menu-links li a:hover {\r\n transform: none;\r\n }\r\n\r\n .hero-grid,\r\n .about-grid,\r\n .contact-box {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-content {\r\n order: 2;\r\n text-align: center;\r\n padding: 42px 30px;\r\n }\r\n\r\n .hero-content p {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .actions {\r\n justify-content: center;\r\n }\r\n\r\n .image-area {\r\n order: 1;\r\n }\r\n\r\n .image-card {\r\n min-height: 560px;\r\n width: min(100%, 430px);\r\n }\r\n\r\n .socios-grid,\r\n .plans-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .socio-destaque {\r\n grid-column: auto;\r\n grid-template-columns: 220px 1fr;\r\n }\r\n\r\n .socio-destaque .socio-foto {\r\n width: 220px;\r\n height: 220px;\r\n }\r\n\r\n .plan-card.featured {\r\n transform: none;\r\n }\r\n\r\n .plan-card.featured:hover {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .section {\r\n padding: 70px 14px;\r\n }\r\n\r\n .hero {\r\n min-height: auto;\r\n }\r\n\r\n .hero-content {\r\n border-radius: 26px;\r\n padding: 34px 22px;\r\n }\r\n\r\n h1 {\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-content p,\r\n .section-subtitle,\r\n .socios-header p {\r\n font-size: 16px;\r\n line-height: 1.65;\r\n }\r\n\r\n .mini-cards {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .image-card {\r\n min-height: 500px;\r\n border-radius: 30px;\r\n }\r\n\r\n .image-card img {\r\n width: 112%;\r\n }\r\n\r\n .socio-card,\r\n .socio-destaque {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n padding: 26px 20px;\r\n border-radius: 26px;\r\n }\r\n\r\n .socio-foto,\r\n .socio-destaque .socio-foto {\r\n width: 220px;\r\n height: 220px;\r\n margin: 0 auto;\r\n }\r\n\r\n .socio-line {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .socio-content p {\r\n font-size: 15.5px;\r\n }\r\n\r\n .socios-final {\r\n padding: 30px 20px;\r\n border-radius: 24px;\r\n }\r\n\r\n .socios-final::before {\r\n font-size: 70px;\r\n left: 18px;\r\n top: 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n html {\r\n scroll-padding-top: 82px;\r\n }\r\n\r\n body {\r\n padding-top: 72px;\r\n }\r\n\r\n .menu-container {\r\n min-height: 72px;\r\n padding: 7px 12px;\r\n }\r\n\r\n .logo-area img {\r\n height: 48px;\r\n max-width: 155px;\r\n }\r\n\r\n .hamburger {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n }\r\n\r\n .hamburger span {\r\n width: 23px;\r\n }\r\n\r\n .menu-links {\r\n top: 72px;\r\n padding: 12px 12px 16px;\r\n gap: 8px;\r\n max-height: calc(100vh - 72px);\r\n }\r\n\r\n .menu-links li a {\r\n min-height: 46px;\r\n font-size: 15.5px;\r\n padding: 12px 12px;\r\n }\r\n\r\n .section {\r\n padding: 58px 12px;\r\n }\r\n\r\n .hero-content {\r\n padding: 28px 18px;\r\n }\r\n\r\n .tag {\r\n font-size: 12.5px;\r\n padding: 8px 14px;\r\n }\r\n\r\n h1 {\r\n font-size: 34px;\r\n }\r\n\r\n .actions {\r\n gap: 11px;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n font-size: 15px;\r\n padding: 13px 18px;\r\n }\r\n\r\n .image-card {\r\n min-height: 410px;\r\n width: 100%;\r\n }\r\n\r\n .image-card::before {\r\n inset: 11px;\r\n }\r\n\r\n .image-card img {\r\n width: 118%;\r\n }\r\n\r\n .about-card,\r\n .plan-card,\r\n .contact-box,\r\n .socio-card,\r\n .socio-destaque {\r\n padding: 26px 20px;\r\n border-radius: 24px;\r\n }\r\n\r\n .socio-foto,\r\n .socio-destaque .socio-foto {\r\n width: 220px;\r\n height: 220px;\r\n }\r\n\r\n .socio-content h3 {\r\n font-size: 25px;\r\n }\r\n\r\n .socio-content p {\r\n font-size: 15px;\r\n }\r\n }\r\n \r\n\r\n \/* MENU RESPONSIVO + PLAYER ABAIXO DO MENU *\/\r\n html { scroll-padding-top: 18px; }\r\n body { padding-top: 0 !important; padding-bottom: 0 !important; }\r\n\r\n .top-menu {\r\n position: relative !important;\r\n top: auto !important;\r\n left: auto !important;\r\n z-index: 30;\r\n }\r\n\r\n .menu-container {\r\n justify-content: space-between !important;\r\n gap: 22px;\r\n }\r\n\r\n .menu-links {\r\n width: auto;\r\n justify-content: flex-end;\r\n }\r\n\r\n .cifra-player {\r\n width: 100%;\r\n min-height: 56px;\r\n padding: 7px 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(90deg, #082b63 0%, #0d58a8 45%, #35b7ff 75%, #ff8c00 100%);\r\n box-shadow: 0 7px 20px rgba(0, 32, 78, 0.20);\r\n }\r\n\r\n .cifra-player-box {\r\n width: 100%;\r\n max-width: 1220px;\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .cifra-play-btn {\r\n width: 38px;\r\n height: 38px;\r\n border: 0;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffffff;\r\n color: #082b63;\r\n font-family: inherit;\r\n font-size: 16px;\r\n font-weight: 900;\r\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);\r\n transition: transform 0.25s ease, color 0.25s ease;\r\n }\r\n\r\n .cifra-play-btn:hover { transform: scale(1.08); color: #ff8c00; }\r\n\r\n .cifra-info {\r\n min-width: 0;\r\n color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n .cifra-title {\r\n font-size: 13px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n .cifra-status { font-size: 11px; font-weight: 700; opacity: 0.92; }\r\n\r\n .cifra-waves {\r\n min-width: 110px;\r\n height: 34px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 4px;\r\n }\r\n\r\n .cifra-waves span {\r\n width: 4px;\r\n height: 8px;\r\n border-radius: 20px;\r\n background: #ffffff;\r\n opacity: 0.9;\r\n transform-origin: center;\r\n }\r\n\r\n .cifra-player.playing .cifra-waves span { animation: cifraWave 0.9s infinite ease-in-out; }\r\n .cifra-player.playing .cifra-waves span:nth-child(1) { animation-delay: 0s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(2) { animation-delay: .10s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(3) { animation-delay: .20s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(4) { animation-delay: .30s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(5) { animation-delay: .40s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(6) { animation-delay: .50s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(7) { animation-delay: .60s; }\r\n .cifra-player.playing .cifra-waves span:nth-child(8) { animation-delay: .70s; }\r\n\r\n @keyframes cifraWave {\r\n 0%, 100% { height: 8px; background: #ffffff; }\r\n 50% { height: 30px; background: #ff8c00; }\r\n }\r\n\r\n .cifra-hidden-audio { display: none; }\r\n\r\n .hero { min-height: calc(100vh - 145px) !important; }\r\n\r\n \/* EFEITOS DE ENTRADA E DESTAQUE NAS SE\u00c7\u00d5ES *\/\r\n .js-enhanced .scroll-reveal .container {\r\n opacity: 0;\r\n transform: translateY(34px);\r\n transition: opacity .70s ease, transform .70s ease;\r\n }\r\n\r\n .js-enhanced .scroll-reveal.is-visible .container {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .section.menu-focus .container { animation: contentFocus .9s ease both; }\r\n\r\n @keyframes contentFocus {\r\n 0% { transform: translateY(0) scale(1); filter: saturate(1); }\r\n 35% { transform: translateY(-4px) scale(1.008); filter: saturate(1.15); }\r\n 100% { transform: translateY(0) scale(1); filter: saturate(1); }\r\n }\r\n\r\n \/* FAQ COM ALTURA DIN\u00c2MICA *\/\r\n .faq-question { cursor: pointer; }\r\n .faq-question .faq-label { flex: 1; }\r\n .faq-question .faq-icon {\r\n flex: 0 0 30px;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n color: var(--branco);\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n line-height: 1;\r\n transition: transform .3s ease, background .3s ease;\r\n }\r\n\r\n .faq-answer { max-height: 0; overflow: hidden; transition: max-height .36s ease; }\r\n .faq-answer p { padding: 0 22px 22px; }\r\n .faq-item.active .faq-icon { transform: rotate(45deg); background: linear-gradient(135deg, var(--laranja), var(--azul-claro)); }\r\n\r\n .back-to-top {\r\n position: fixed;\r\n right: 18px;\r\n bottom: 22px;\r\n width: 44px;\r\n height: 44px;\r\n border: 0;\r\n border-radius: 50%;\r\n color: #ffffff;\r\n background: linear-gradient(135deg, var(--azul-escuro), var(--azul-medio));\r\n font-size: 22px;\r\n font-weight: 900;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 0 8px 22px rgba(0, 32, 78, 0.22);\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(12px);\r\n transition: opacity .3s ease, visibility .3s ease, transform .3s ease, background .3s ease;\r\n z-index: 999;\r\n }\r\n\r\n .back-to-top.show { opacity: .86; visibility: visible; transform: translateY(0); }\r\n .back-to-top:hover { opacity: 1; transform: translateY(-4px); background: linear-gradient(135deg, var(--laranja), var(--azul-claro)); }\r\n\r\n @media (max-width: 1024px) {\r\n .menu-container { min-height: auto; padding: 12px 16px; flex-wrap: wrap; }\r\n .hamburger { display: flex !important; }\r\n .menu-links {\r\n width: 100% !important;\r\n max-height: 0;\r\n opacity: 0;\r\n overflow: hidden;\r\n padding: 0;\r\n display: grid !important;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n transition: max-height .35s ease, opacity .35s ease, padding .35s ease;\r\n }\r\n .menu-links.active { max-height: 340px; opacity: 1; padding: 12px 0 4px; }\r\n .menu-links li, .menu-links li a { width: 100%; }\r\n .menu-links li a { min-height: 48px; font-size: 15px; background: #ffffff; box-shadow: 0 5px 14px rgba(0, 32, 78, .10); }\r\n .hero { min-height: auto !important; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .logo-area img { height: 52px; max-width: 170px; }\r\n .menu-links { grid-template-columns: repeat(2, 1fr); }\r\n .cifra-player { min-height: 50px; padding: 6px 10px; }\r\n .cifra-player-box { gap: 9px; }\r\n .cifra-play-btn { width: 34px; height: 34px; font-size: 14px; }\r\n .cifra-title { font-size: 12px; }\r\n .cifra-status { font-size: 10px; }\r\n .cifra-waves { min-width: 72px; gap: 3px; }\r\n .cifra-waves span { width: 3px; }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n .menu-container { padding: 9px 12px; }\r\n .logo-area img { height: 46px; max-width: 150px; }\r\n .hamburger { width: 42px; height: 42px; border-radius: 12px; }\r\n .menu-links { grid-template-columns: 1fr; }\r\n .menu-links.active { max-height: 520px; }\r\n .cifra-waves { min-width: 54px; }\r\n .back-to-top { width: 40px; height: 40px; right: 12px; bottom: 16px; font-size: 20px; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }\r\n }\r\n\r\n \r\n\r\n \/* FAIXA DE DOWNLOAD DO APP | R\u00c1DIO CIFRA MIX *\/\r\n #cifra-mix-app-download,\r\n #cifra-mix-app-download * {\r\n box-sizing: border-box;\r\n }\r\n\r\n #cifra-mix-app-download {\r\n width: 100%;\r\n padding: 12px 18px;\r\n font-family: \"Segoe UI\", Arial, Helvetica, sans-serif;\r\n background:\r\n radial-gradient(circle at 8% 50%, rgba(53, 183, 255, 0.26), transparent 22%),\r\n radial-gradient(circle at 94% 50%, rgba(255, 140, 0, 0.20), transparent 25%),\r\n linear-gradient(90deg, #082b63 0%, #0d58a8 52%, #35b7ff 100%);\r\n border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.15);\r\n box-shadow: 0 8px 20px rgba(8, 43, 99, 0.18);\r\n }\r\n\r\n .cifra-mix-app-inner {\r\n width: min(1180px, 100%);\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 18px;\r\n }\r\n\r\n .cifra-mix-app-title {\r\n color: #ffffff;\r\n font-size: clamp(16px, 2vw, 21px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n white-space: nowrap;\r\n text-transform: uppercase;\r\n }\r\n\r\n .cifra-mix-app-title span {\r\n display: block;\r\n margin-top: 3px;\r\n color: #dff5ff;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.7px;\r\n }\r\n\r\n .cifra-mix-app-qr {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 auto;\r\n line-height: 0;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .cifra-mix-app-qr:hover {\r\n transform: scale(1.06);\r\n }\r\n\r\n .cifra-mix-app-qr img {\r\n width: 70px;\r\n height: 70px;\r\n padding: 4px;\r\n background: #ffffff;\r\n border-radius: 9px;\r\n object-fit: contain;\r\n }\r\n\r\n .cifra-mix-app-buttons {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .cifra-mix-app-buttons a {\r\n display: inline-block;\r\n line-height: 0;\r\n transition: transform 0.25s ease, filter 0.25s ease;\r\n }\r\n\r\n .cifra-mix-app-buttons a:hover {\r\n transform: translateY(-3px);\r\n filter: brightness(1.08);\r\n }\r\n\r\n .cifra-mix-app-buttons img {\r\n display: block;\r\n width: 110px;\r\n height: 35px;\r\n object-fit: contain;\r\n }\r\n\r\n .cifra-mix-app-link {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 35px;\r\n padding: 8px 13px;\r\n color: #082b63;\r\n background: #ffffff;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 900;\r\n text-align: center;\r\n white-space: nowrap;\r\n transition: transform 0.25s ease, background 0.25s ease;\r\n }\r\n\r\n .cifra-mix-app-link:hover {\r\n background: #fff1dd;\r\n transform: translateY(-3px);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .cifra-mix-app-inner {\r\n flex-wrap: wrap;\r\n gap: 12px 16px;\r\n }\r\n\r\n .cifra-mix-app-title {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n #cifra-mix-app-download {\r\n padding: 12px 10px;\r\n }\r\n\r\n .cifra-mix-app-inner {\r\n display: grid;\r\n grid-template-columns: 64px 1fr;\r\n width: min(100%, 360px);\r\n gap: 10px 12px;\r\n }\r\n\r\n .cifra-mix-app-title {\r\n grid-column: 1 \/ -1;\r\n width: 100%;\r\n }\r\n\r\n .cifra-mix-app-qr {\r\n grid-column: 1;\r\n grid-row: 2 \/ span 2;\r\n align-self: center;\r\n }\r\n\r\n .cifra-mix-app-qr img {\r\n width: 64px;\r\n height: 64px;\r\n }\r\n\r\n .cifra-mix-app-buttons {\r\n grid-column: 2;\r\n justify-content: flex-start;\r\n gap: 5px;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n .cifra-mix-app-buttons img {\r\n width: 82px;\r\n height: 27px;\r\n }\r\n\r\n .cifra-mix-app-link {\r\n grid-column: 2;\r\n justify-self: start;\r\n min-height: 29px;\r\n padding: 6px 10px;\r\n font-size: 10px;\r\n }\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <header class=\"top-menu\">\r\n <nav class=\"menu-container\">\r\n\r\n <div class=\"logo-area\">\r\n <a href=\"#inicio\" aria-label=\"P\u00e1gina inicial da R\u00e1dio Cifra Mix\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/05\/Logo-Cifra-Mix.png\" \r\n alt=\"Logo R\u00e1dio Cifra Mix\"\r\n >\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"menu-links\" id=\"menuLinks\">\r\n <li><a href=\"#inicio\" class=\"active\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n <li><a href=\"#fundadores\">Fundadores<\/a><\/li>\r\n <li><a href=\"#planos\">Planos<\/a><\/li>\r\n <li><a href=\"#duvidas\">D\u00favidas<\/a><\/li>\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n <\/ul>\r\n\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Abrir menu\" aria-expanded=\"false\" type=\"button\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n\r\n <\/nav>\r\n\r\n <!-- FAIXA DE DOWNLOAD DO APP | R\u00c1DIO CIFRA MIX -->\r\n <section id=\"cifra-mix-app-download\" aria-label=\"Baixe o aplicativo da R\u00e1dio Cifra Mix\">\r\n <div class=\"cifra-mix-app-inner\">\r\n\r\n <div class=\"cifra-mix-app-title\">\r\n Baixe o App\r\n <span>Ou\u00e7a a R\u00e1dio Cifra Mix onde estiver<\/span>\r\n <\/div>\r\n\r\n <a\r\n class=\"cifra-mix-app-qr\"\r\n href=\"https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Abrir p\u00e1gina de download do aplicativo\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/qrcode.tec-it.com\/API\/QRCode?size=Small&data=https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n alt=\"QR Code para baixar o aplicativo da R\u00e1dio Cifra Mix\"\r\n \/>\r\n <\/a>\r\n\r\n <div class=\"cifra-mix-app-buttons\">\r\n <a\r\n href=\"https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Baixar para Android\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/player.srvif.com\/app-multi-plataforma\/img-instalar-app-android.png\"\r\n alt=\"Baixar para Android\"\r\n width=\"110\"\r\n height=\"35\"\r\n \/>\r\n <\/a>\r\n\r\n <a\r\n href=\"https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Baixar para iPhone e iPad\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/player.srvif.com\/app-multi-plataforma\/img-instalar-app-iphone.png\"\r\n alt=\"Baixar para iPhone e iPad\"\r\n width=\"110\"\r\n height=\"35\"\r\n \/>\r\n <\/a>\r\n\r\n <a\r\n href=\"https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n aria-label=\"Baixar para Windows\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/player.srvif.com\/app-multi-plataforma\/img-instalar-app-windows.png\"\r\n alt=\"Baixar para Windows\"\r\n width=\"110\"\r\n height=\"35\"\r\n \/>\r\n <\/a>\r\n <\/div>\r\n\r\n <a\r\n class=\"cifra-mix-app-link\"\r\n href=\"https:\/\/player.srvif.com\/player-app-multi-plataforma\/8810\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n Abrir p\u00e1gina de download\r\n <\/a>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"cifra-player\" id=\"cifraPlayer\" aria-label=\"Player da R\u00e1dio Cifra Mix\">\r\n <div class=\"cifra-player-box\">\r\n <button class=\"cifra-play-btn\" id=\"cifraPlayBtn\" type=\"button\" aria-label=\"Tocar r\u00e1dio\">\u25b6<\/button>\r\n\r\n <div class=\"cifra-info\" aria-live=\"polite\">\r\n <div class=\"cifra-title\">R\u00e1dio Cifra Mix ao vivo<\/div>\r\n <div class=\"cifra-status\" id=\"cifraStatus\">Preparando transmiss\u00e3o...<\/div>\r\n <\/div>\r\n\r\n <div class=\"cifra-waves\" aria-hidden=\"true\">\r\n <span><\/span><span><\/span><span><\/span><span><\/span>\r\n <span><\/span><span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <audio id=\"cifraAudio\" class=\"cifra-hidden-audio\" autoplay preload=\"auto\" playsinline>\r\n <source src=\"https:\/\/stm4.srvif.com:8810\/stream\" type=\"audio\/mpeg\">\r\n <\/audio>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n <main>\r\n\r\n <section class=\"section section-light hero\" id=\"inicio\">\r\n <div class=\"container hero-grid\">\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"tag\">\r\n <span><\/span>\r\n R\u00e1dio online para quem ama m\u00fasica\r\n <\/div>\r\n\r\n <h1>\r\n Bem-vindo \u00e0\r\n <strong>R\u00e1dio Cifra Mix<\/strong>\r\n <\/h1>\r\n\r\n <p>\r\n Uma r\u00e1dio moderna, digital e feita para conectar artistas, ouvintes,\r\n produtores e apaixonados por m\u00fasica. Aqui, cada som ganha espa\u00e7o,\r\n cada talento ganha voz e cada programa\u00e7\u00e3o aproxima pessoas.\r\n <\/p>\r\n\r\n <div class=\"actions\">\r\n <a href=\"#planos\" class=\"btn btn-primary\">Conhecer Planos<\/a>\r\n <a href=\"#sobre\" class=\"btn btn-secondary\">Sobre a R\u00e1dio<\/a>\r\n <\/div>\r\n\r\n <div class=\"mini-cards\">\r\n <div class=\"mini-card\">\r\n <h3>24h<\/h3>\r\n <span>No ar todos os dias<\/span>\r\n <\/div>\r\n\r\n <div class=\"mini-card\">\r\n <h3>100%<\/h3>\r\n <span>Online e moderna<\/span>\r\n <\/div>\r\n\r\n <div class=\"mini-card\">\r\n <h3>Mix<\/h3>\r\n <span>M\u00fasica, arte e talentos<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-area\">\r\n <div class=\"image-card\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/05\/Foto-modelo.png\" \r\n alt=\"Modelo apresentando a R\u00e1dio Cifra Mix\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-blue\" id=\"sobre\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-header\">\r\n <h2>Sobre a <span class=\"gradient-text\">R\u00e1dio Cifra Mix<\/span><\/h2>\r\n <p class=\"section-subtitle\">\r\n Um projeto criado para fortalecer a m\u00fasica independente, valorizar artistas e aproximar talentos do p\u00fablico.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"about-grid\">\r\n <div class=\"about-card\">\r\n <h3>Nossa proposta<\/h3>\r\n <p>\r\n A R\u00e1dio Cifra Mix nasceu com a miss\u00e3o de abrir espa\u00e7o para cantores, compositores\r\n e parceiros que acreditam em novas oportunidades para a m\u00fasica independente.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"about-card\">\r\n <h3>O que entregamos<\/h3>\r\n <p>\r\n Programa\u00e7\u00e3o musical, divulga\u00e7\u00e3o de talentos, conte\u00fados especiais, espa\u00e7o para parceiros,\r\n presen\u00e7a digital e uma comunica\u00e7\u00e3o visual profissional para fortalecer artistas e projetos.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-light\" id=\"fundadores\">\r\n <div class=\"container\">\r\n\r\n <header class=\"socios-header\">\r\n <h2>\r\n S\u00f3cios Fundadores da\r\n <span>R\u00e1dio Cifra Mix<\/span>\r\n <\/h2>\r\n\r\n <h3>Artistas que acreditam na for\u00e7a da m\u00fasica independente<\/h3>\r\n\r\n <div class=\"socios-divider\"><\/div>\r\n\r\n <p>\r\n A R\u00e1dio Cifra Mix nasceu com uma proposta clara: abrir espa\u00e7o para artistas,\r\n compositores e parceiros que acreditam no crescimento da m\u00fasica independente.\r\n Mais do que uma r\u00e1dio, o projeto representa uma rede de apoio, divulga\u00e7\u00e3o e\r\n valoriza\u00e7\u00e3o de talentos que desejam levar suas can\u00e7\u00f5es, hist\u00f3rias e mensagens\r\n a novos p\u00fablicos.\r\n <\/p>\r\n\r\n <p>\r\n Cada s\u00f3cio fundador faz parte dessa caminhada com sua trajet\u00f3ria, sua arte e seu\r\n compromisso com a m\u00fasica. S\u00e3o pessoas que acreditam que a uni\u00e3o fortalece o\r\n artista independente e que, juntos, \u00e9 poss\u00edvel fazer a m\u00fasica chegar mais longe.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"socios-grid\">\r\n\r\n <article class=\"socio-card socio-destaque\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/E.R.Passos.png\" alt=\"E.R. Passos\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>E.R. Passos<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n Jornalista, escritor, locutor e produtor de eventos, E.R. Passos \u00e9 diretor da\r\n R\u00e1dio Cifra Play e fundador da plataforma MYXA. Sua miss\u00e3o principal \u00e9 ajudar\r\n cantores e compositores a conquistarem mais espa\u00e7o nas redes sociais, fortalecendo\r\n sua presen\u00e7a digital, sua imagem art\u00edstica e suas oportunidades no mercado musical.\r\n <\/p>\r\n <p>\r\n Com uma vis\u00e3o voltada para inova\u00e7\u00e3o, divulga\u00e7\u00e3o e valoriza\u00e7\u00e3o de talentos,\r\n E.R. Passos acredita que a m\u00fasica independente precisa de estrutura, estrat\u00e9gia\r\n e apoio para alcan\u00e7ar novos caminhos.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Ilanna-Miranda.png\" alt=\"Ilanna Miranda\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>Ilanna Miranda<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n Poeta e compositora, Ilanna Miranda transforma sentimentos em arte. Com uma escrita\r\n sens\u00edvel e expressiva, encontrou na m\u00fasica uma forma de levar suas mensagens ainda mais longe.\r\n <\/p>\r\n <p>\r\n Suas composi\u00e7\u00f5es unem emo\u00e7\u00e3o, poesia e delicadeza, revelando uma artista que acredita\r\n na for\u00e7a das palavras e no poder da m\u00fasica para tocar cora\u00e7\u00f5es.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Elienio-Correia.png\" alt=\"Eli\u00eanio Correia\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>Eli\u00eanio Correia<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n De Contagem, Minas Gerais, Eli\u00eanio Correia transforma poesias, viv\u00eancias e sentimentos\r\n em can\u00e7\u00f5es. Sua caminhada musical ganhou for\u00e7a em 2025, quando passou a adaptar seus textos\r\n para melodias e dar uma nova dimens\u00e3o \u00e0 sua arte.\r\n <\/p>\r\n <p>\r\n Sua m\u00fasica busca emocionar, criar conex\u00e3o com o p\u00fablico e transformar experi\u00eancias de vida\r\n em mensagens cantadas com verdade.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Inaldo-Backman.png\" alt=\"Inaldo Backman\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>Inaldo Backman<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n Cantor e compositor alagoano, Inaldo Backman aposta na m\u00fasica autoral como forma de contar\r\n hist\u00f3rias, transmitir emo\u00e7\u00f5es e preservar sua identidade art\u00edstica.\r\n <\/p>\r\n <p>\r\n Seu repert\u00f3rio \u00e9 marcado pelo romantismo, pela interpreta\u00e7\u00e3o verdadeira e pela for\u00e7a de can\u00e7\u00f5es\r\n feitas com sentimento pr\u00f3prio. Sua presen\u00e7a na R\u00e1dio Cifra Mix refor\u00e7a o compromisso com a\r\n valoriza\u00e7\u00e3o dos artistas independentes.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Dino-Roberto.png\" alt=\"Dino Roberto\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>Dino Roberto<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n Natural de Tabira, Pernambuco, Dino Roberto carrega em sua trajet\u00f3ria o orgulho de suas ra\u00edzes\r\n nordestinas e o amor pela m\u00fasica. Com autenticidade e paix\u00e3o, segue compondo e cantando como\r\n express\u00e3o de amizade, mem\u00f3ria e verdade.\r\n <\/p>\r\n <p>\r\n Sua arte mostra que a m\u00fasica tamb\u00e9m nasce da simplicidade, da viv\u00eancia e do cora\u00e7\u00e3o de quem\r\n canta por amor.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Mario-Antonio.png\" alt=\"M\u00e1rio Ant\u00f4nio\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>M\u00e1rio Ant\u00f4nio<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n M\u00e1rio Ant\u00f4nio tem uma trajet\u00f3ria marcada por f\u00e9, supera\u00e7\u00e3o e m\u00fasica. Desde cedo, encontrou\r\n no canto e na composi\u00e7\u00e3o uma forma de transformar lembran\u00e7as, sentimentos e experi\u00eancias\r\n em can\u00e7\u00f5es cheias de emo\u00e7\u00e3o.\r\n <\/p>\r\n <p>\r\n Sua hist\u00f3ria representa a for\u00e7a de quem acredita na m\u00fasica como caminho de esperan\u00e7a,\r\n express\u00e3o e conex\u00e3o com o p\u00fablico.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"socio-card\">\r\n <div class=\"socio-foto\">\r\n <img decoding=\"async\" src=\"https:\/\/radiociframix.com.br\/wp-content\/uploads\/2026\/06\/Vilmar-Bueno.png\" alt=\"Vilmar Bueno\">\r\n <\/div>\r\n\r\n <div class=\"socio-content\">\r\n <h3>Vilmar Bueno<\/h3>\r\n <div class=\"socio-line\"><\/div>\r\n <p>\r\n Natural de Piren\u00f3polis, Goi\u00e1s, e atualmente morando em Cuiab\u00e1, Vilmar Bueno iniciou sua liga\u00e7\u00e3o\r\n com a m\u00fasica ainda na inf\u00e2ncia. Com muitas composi\u00e7\u00f5es prontas, representa a persist\u00eancia de quem\r\n nunca abandonou o sonho de ver sua arte alcan\u00e7ar novos ouvintes.\r\n <\/p>\r\n <p>\r\n Sua participa\u00e7\u00e3o na R\u00e1dio Cifra Mix simboliza a for\u00e7a do compositor independente que segue\r\n acreditando no poder da m\u00fasica.\r\n <\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"socios-final\">\r\n <p>\r\n Sete hist\u00f3rias, sete talentos e um mesmo prop\u00f3sito:\r\n <strong>apoiar a m\u00fasica independente<\/strong> e fazer a\r\n <strong>R\u00e1dio Cifra Mix<\/strong> tocar cada vez mais longe.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-blue\" id=\"planos\">\r\n <div class=\"container\">\r\n\r\n <div class=\"section-header\">\r\n <h2>Planos <span class=\"gradient-text\">Cifra Mix<\/span><\/h2>\r\n <p class=\"section-subtitle\">\r\n Modelos de planos para artistas, parceiros e apoiadores que desejam crescer junto com a r\u00e1dio.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"plans-grid\">\r\n\r\n <div class=\"plan-card\">\r\n <h3>Plano Start<\/h3>\r\n <p>Ideal para quem deseja come\u00e7ar sua presen\u00e7a na r\u00e1dio de forma simples e organizada.<\/p>\r\n <div class=\"plan-price\">R$ 97<\/div>\r\n <ul>\r\n <li>Divulga\u00e7\u00e3o b\u00e1sica na programa\u00e7\u00e3o<\/li>\r\n <li>Cadastro art\u00edstico<\/li>\r\n <li>Espa\u00e7o em p\u00e1gina institucional<\/li>\r\n <li>Suporte inicial por mensagem<\/li>\r\n <\/ul>\r\n <a href=\"#contato\" class=\"btn btn-primary\">Solicitar Plano<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card featured\">\r\n <h3>Plano Pro<\/h3>\r\n <p>Plano intermedi\u00e1rio com mais destaque para artistas, parceiros ou anunciantes.<\/p>\r\n <div class=\"plan-price\">R$ 197<\/div>\r\n <ul>\r\n <li>Divulga\u00e7\u00e3o com maior frequ\u00eancia<\/li>\r\n <li>Mini mat\u00e9ria no site<\/li>\r\n <li>Destaque em \u00e1rea promocional<\/li>\r\n <li>Prioridade no atendimento<\/li>\r\n <\/ul>\r\n <a href=\"#contato\" class=\"btn btn-secondary\">Quero Esse Plano<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\">\r\n <h3>Plano Premium<\/h3>\r\n <p>Para quem deseja mais autoridade, presen\u00e7a visual e posicionamento profissional.<\/p>\r\n <div class=\"plan-price\">R$ 397<\/div>\r\n <ul>\r\n <li>Destaque premium na plataforma<\/li>\r\n <li>Mat\u00e9ria completa<\/li>\r\n <li>Chamada especial na r\u00e1dio<\/li>\r\n <li>Estrat\u00e9gia de divulga\u00e7\u00e3o personalizada<\/li>\r\n <\/ul>\r\n <a href=\"#contato\" class=\"btn btn-primary\">Contratar Plano<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-light\" id=\"duvidas\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>D\u00favidas <span class=\"gradient-text\">Frequentes<\/span><\/h2>\r\n <p class=\"section-subtitle\">Veja as principais d\u00favidas sobre a divulga\u00e7\u00e3o de m\u00fasicas na R\u00e1dio Cifra Mix.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Como funciona a divulga\u00e7\u00e3o da minha m\u00fasica na R\u00e1dio Cifra Mix?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>Ap\u00f3s escolher um plano, o artista entra em contato pelo WhatsApp, envia sua m\u00fasica e as informa\u00e7\u00f5es necess\u00e1rias. Depois da confirma\u00e7\u00e3o, a m\u00fasica passa a fazer parte da programa\u00e7\u00e3o da R\u00e1dio Cifra Mix pelo per\u00edodo contratado.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Quais s\u00e3o os planos dispon\u00edveis?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>A R\u00e1dio Cifra Mix oferece tr\u00eas planos: Plano I por R$ 97,00, com execu\u00e7\u00e3o por 2 meses; Plano II por R$ 197,00, com execu\u00e7\u00e3o por 5 meses; e Plano III por R$ 397,00, com execu\u00e7\u00e3o por 1 ano.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">A R\u00e1dio Cifra Mix aceita artistas independentes?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>Sim. A proposta da R\u00e1dio Cifra Mix \u00e9 abrir espa\u00e7o para cantores, compositores e artistas independentes que desejam divulgar suas m\u00fasicas e alcan\u00e7ar novos ouvintes.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Por quanto tempo minha m\u00fasica vai tocar?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>O tempo depende do plano escolhido. No Plano I, a m\u00fasica toca por 2 meses. No Plano II, toca por 5 meses. No Plano III, toca por 1 ano na programa\u00e7\u00e3o da R\u00e1dio Cifra Mix.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Como fa\u00e7o para contratar um plano?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>Basta clicar no bot\u00e3o do plano desejado. Voc\u00ea ser\u00e1 direcionado para o WhatsApp da R\u00e1dio Cifra Mix com uma mensagem autom\u00e1tica informando qual plano deseja contratar.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Preciso ter m\u00fasica em plataforma digital?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>N\u00e3o obrigatoriamente. O artista pode enviar a m\u00fasica diretamente para an\u00e1lise e organiza\u00e7\u00e3o da programa\u00e7\u00e3o. Caso j\u00e1 tenha links em plataformas digitais, tamb\u00e9m pode enviar para complementar sua divulga\u00e7\u00e3o.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">Minha m\u00fasica toca todos os dias?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>A m\u00fasica entra na programa\u00e7\u00e3o da r\u00e1dio conforme a organiza\u00e7\u00e3o da grade musical. A execu\u00e7\u00e3o acontece dentro do per\u00edodo contratado, respeitando a programa\u00e7\u00e3o da R\u00e1dio Cifra Mix.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" type=\"button\" aria-expanded=\"false\">\r\n <span class=\"faq-label\">A R\u00e1dio Cifra Mix funciona no celular?<\/span>\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\"><p>Sim. A R\u00e1dio Cifra Mix \u00e9 online e pode ser acessada por celular, tablet ou computador, facilitando o acesso dos ouvintes em qualquer lugar.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-blue\" id=\"contato\">\r\n <div class=\"container\">\r\n <div class=\"contact-box\">\r\n <div>\r\n <h2>Fale com a <span class=\"gradient-text\">R\u00e1dio Cifra Mix<\/span><\/h2>\r\n <p>Entre em contato pelo WhatsApp para divulgar sua m\u00fasica, conhecer os planos ou tirar d\u00favidas sobre a R\u00e1dio Cifra Mix.<\/p>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/5511977441200?text=Ol%C3%A1%2C%20vim%20pelo%20site%20da%20R%C3%A1dio%20Cifra%20Mix%20e%20quero%20mais%20informa%C3%A7%C3%B5es.\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">Chamar no WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-list\">\r\n <a href=\"https:\/\/wa.me\/5511977441200\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp: (11) 97744-1200<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <\/main>\r\n\r\n <button class=\"back-to-top\" id=\"backToTop\" type=\"button\" aria-label=\"Voltar ao topo\">\u2191<\/button>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const hamburger = document.getElementById(\"hamburger\");\r\n const menuLinks = document.getElementById(\"menuLinks\");\r\n const menuItems = document.querySelectorAll(\".menu-links a\");\r\n const sections = document.querySelectorAll(\"main section[id]\");\r\n const faqItems = document.querySelectorAll(\".faq-item\");\r\n const backToTop = document.getElementById(\"backToTop\");\r\n const player = document.getElementById(\"cifraPlayer\");\r\n const audio = document.getElementById(\"cifraAudio\");\r\n const playBtn = document.getElementById(\"cifraPlayBtn\");\r\n const statusText = document.getElementById(\"cifraStatus\");\r\n\r\n document.documentElement.classList.add(\"js-enhanced\");\r\n\r\n function closeMenu() {\r\n hamburger.classList.remove(\"active\");\r\n menuLinks.classList.remove(\"active\");\r\n hamburger.setAttribute(\"aria-expanded\", \"false\");\r\n }\r\n\r\n hamburger.addEventListener(\"click\", function () {\r\n const open = hamburger.classList.toggle(\"active\");\r\n menuLinks.classList.toggle(\"active\", open);\r\n hamburger.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\r\n });\r\n\r\n document.addEventListener(\"click\", function (event) {\r\n if (!menuLinks.contains(event.target) && !hamburger.contains(event.target)) {\r\n closeMenu();\r\n }\r\n });\r\n\r\n function focusSection(section) {\r\n section.classList.remove(\"menu-focus\");\r\n void section.offsetWidth;\r\n section.classList.add(\"menu-focus\");\r\n window.setTimeout(function () {\r\n section.classList.remove(\"menu-focus\");\r\n }, 950);\r\n }\r\n\r\n menuItems.forEach(function (item) {\r\n item.addEventListener(\"click\", function (event) {\r\n const target = document.querySelector(item.getAttribute(\"href\"));\r\n if (!target) return;\r\n\r\n event.preventDefault();\r\n closeMenu();\r\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n window.setTimeout(function () {\r\n focusSection(target);\r\n }, 520);\r\n });\r\n });\r\n\r\n faqItems.forEach(function (item) {\r\n const question = item.querySelector(\".faq-question\");\r\n const answer = item.querySelector(\".faq-answer\");\r\n\r\n question.addEventListener(\"click\", function () {\r\n const opening = !item.classList.contains(\"active\");\r\n\r\n faqItems.forEach(function (otherItem) {\r\n const otherAnswer = otherItem.querySelector(\".faq-answer\");\r\n const otherQuestion = otherItem.querySelector(\".faq-question\");\r\n otherItem.classList.remove(\"active\");\r\n otherAnswer.style.maxHeight = null;\r\n otherQuestion.setAttribute(\"aria-expanded\", \"false\");\r\n });\r\n\r\n if (opening) {\r\n item.classList.add(\"active\");\r\n answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n question.setAttribute(\"aria-expanded\", \"true\");\r\n }\r\n });\r\n });\r\n\r\n window.addEventListener(\"resize\", function () {\r\n document.querySelectorAll(\".faq-item.active .faq-answer\").forEach(function (answer) {\r\n answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n });\r\n });\r\n\r\n const observer = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"is-visible\");\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.14 });\r\n\r\n sections.forEach(function (section) {\r\n if (section.id !== \"inicio\") {\r\n section.classList.add(\"scroll-reveal\");\r\n observer.observe(section);\r\n }\r\n });\r\n\r\n function updateActiveSection() {\r\n let current = \"inicio\";\r\n\r\n sections.forEach(function (section) {\r\n const top = section.offsetTop - 140;\r\n const bottom = top + section.offsetHeight;\r\n if (window.scrollY >= top && window.scrollY < bottom) {\r\n current = section.id;\r\n }\r\n });\r\n\r\n menuItems.forEach(function (link) {\r\n link.classList.toggle(\"active\", link.getAttribute(\"href\") === \"#\" + current);\r\n });\r\n\r\n backToTop.classList.toggle(\"show\", window.scrollY > 450);\r\n }\r\n\r\n window.addEventListener(\"scroll\", updateActiveSection, { passive: true });\r\n window.addEventListener(\"load\", updateActiveSection);\r\n updateActiveSection();\r\n\r\n backToTop.addEventListener(\"click\", function () {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n });\r\n\r\n function setPlaying() {\r\n player.classList.add(\"playing\");\r\n playBtn.textContent = \"\u275a\u275a\";\r\n playBtn.setAttribute(\"aria-label\", \"Pausar r\u00e1dio\");\r\n statusText.textContent = \"Tocando agora\";\r\n }\r\n\r\n function setPaused(message) {\r\n player.classList.remove(\"playing\");\r\n playBtn.textContent = \"\u25b6\";\r\n playBtn.setAttribute(\"aria-label\", \"Tocar r\u00e1dio\");\r\n statusText.textContent = message || \"Clique para ouvir ao vivo\";\r\n }\r\n\r\n function playRadio() {\r\n statusText.textContent = \"Conectando transmiss\u00e3o...\";\r\n audio.play().then(setPlaying).catch(function () {\r\n setPaused(\"Clique para ouvir ao vivo\");\r\n });\r\n }\r\n\r\n playBtn.addEventListener(\"click\", function () {\r\n if (audio.paused) {\r\n playRadio();\r\n } else {\r\n audio.pause();\r\n }\r\n });\r\n\r\n audio.addEventListener(\"playing\", setPlaying);\r\n audio.addEventListener(\"pause\", function () { setPaused(); });\r\n audio.addEventListener(\"waiting\", function () {\r\n if (!audio.paused) statusText.textContent = \"Reconectando transmiss\u00e3o...\";\r\n });\r\n audio.addEventListener(\"error\", function () {\r\n setPaused(\"Toque para tentar conectar novamente\");\r\n });\r\n\r\n window.setTimeout(playRadio, 700);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2a1f79e e-con e-atomic-element e-flexbox-base e-4f8b04d \" data-id=\"2a1f79e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2a1f79e\" data-e-type=\"e-flexbox\" data-id=\"2a1f79e\">\n \t\t<div class=\"elementor-element elementor-element-7fb1537 elementor-widget elementor-widget-html\" data-id=\"7fb1537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer-cifra\">\n <p>\u00a9 2026 Grupo E.R. Passos \u2014 Todos os direitos reservados.<\/p>\n<\/footer>\n\n<style>\n .footer-cifra {\n width: 100%;\n background: linear-gradient(90deg, #082b63, #0d58a8, #ff8c00);\n padding: 18px 20px;\n text-align: center;\n box-shadow: 0 -4px 18px rgba(0, 32, 78, 0.18);\n }\n\n .footer-cifra p {\n margin: 0;\n color: #ffffff;\n font-family: \"Segoe UI\", Arial, sans-serif;\n font-size: 15px;\n font-weight: 600;\n letter-spacing: 0.3px;\n }\n\n @media (max-width: 600px) {\n .footer-cifra {\n padding: 16px 12px;\n }\n\n .footer-cifra p {\n font-size: 13px;\n line-height: 1.5;\n }\n }\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e1dio Cifra Mix In\u00edcio Sobre Fundadores Planos D\u00favidas Contato Baixe o App Ou\u00e7a a R\u00e1dio Cifra Mix onde estiver Abrir p\u00e1gina de download \u25b6 R\u00e1dio Cifra Mix ao vivo Preparando transmiss\u00e3o… R\u00e1dio online para quem ama m\u00fasica Bem-vindo \u00e0 R\u00e1dio Cifra Mix Uma r\u00e1dio moderna, digital e feita para conectar artistas, ouvintes, produtores e apaixonados […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":133,"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/radiociframix.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}