.elementor-1599 .elementor-element.elementor-element-f60fe3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1599 .elementor-element.elementor-element-1c947d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1599 .elementor-element.elementor-element-868693b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1599 .elementor-element.elementor-element-c1bcc9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1599 .elementor-element.elementor-element-2119b0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1599 .elementor-element.elementor-element-2119b0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1599 .elementor-element.elementor-element-39ce013{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1599 .elementor-element.elementor-element-ce532b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1599 .elementor-element.elementor-element-510516c6{text-align:center;font-family:"Secular One", Sans-serif;font-size:30px;font-weight:400;text-shadow:2px 2px 0px rgba(193.19495058340277, 241.63024291992187, 0, 0.3);padding:20px 20px 20px 20px;background-color:#02010100;}.elementor-1599 .elementor-element.elementor-element-510516c6 p{margin-block-end:0px;}.elementor-1599 .elementor-element.elementor-element-510516c6.eael_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(25px);}.elementor-1599 .elementor-element.elementor-element-510516c6.eael_liquid_glass_shadow-effect3{border-style:none;border-radius:12px 12px 12px 12px;box-shadow:1px 1px 10px 5px rgba(255, 255, 255, 0.4);}.elementor-1599 .elementor-element.elementor-element-f56c3e4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1599 .elementor-element.elementor-element-5cac22a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1599 .elementor-element.elementor-element-93c56b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button{font-family:"Afacad", Sans-serif;font-size:26px;font-weight:500;text-transform:uppercase;line-height:40px;letter-spacing:5px;word-spacing:0px;fill:var( --e-global-color-text );color:var( --e-global-color-text );background-color:var( --e-global-color-secondary );box-shadow:22px 20px 10px 0px rgba(0,0,0,0.5);border-radius:10px 10px 10px 10px;padding:30px 50px 30px 50px;}.elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button:hover, .elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button:focus{color:var( --e-global-color-text );background-color:transparent;background-image:linear-gradient(180deg, #C57207 0%, #000000 100%);border-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button:hover svg, .elementor-1599 .elementor-element.elementor-element-3ea0e39 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-1599 .elementor-element.elementor-element-3ea0e39{margin:0px 13px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px 25px 25px 25px;width:100%;max-width:100%;}.elementor-1599 .elementor-element.elementor-element-3ea0e39.elementor-element{--align-self:center;}.elementor-1599 .elementor-element.elementor-element-78f0a6d{--display:flex;}.elementor-1599 .elementor-element.elementor-element-2b43ff6{text-align:center;}.elementor-1599 .elementor-element.elementor-element-2b43ff6 .elementor-heading-title{font-family:"Aboreto", Sans-serif;font-size:36px;font-weight:600;line-height:40px;color:#FFFFFF;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #FF8F00 100%);border-color:#FFFFFF;box-shadow:16px 10px 10px 0px rgba(0,0,0,0.5);border-style:none;border-radius:12px 12px 12px 12px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:25px 25px 25px 25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-wrap{max-width:400px;}.elementor-1599 .elementor-element.elementor-element-6acecc7{text-align:center;margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-icon{font-size:25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-icon svg{width:25px;height:25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-position-left .wpr-button-icon{margin-right:20px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-position-right .wpr-button-icon{margin-left:20px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button-text,.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:35px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button:hover{border-color:#E8E8E8;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button{padding:25px 25px 25px 25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-block .wpr-button-text{padding:25px 25px 25px 25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline-block .wpr-button-content{padding:25px 25px 25px 25px;}.elementor-1599 .elementor-element.elementor-element-6acecc7:hover{--e-transform-rotateZ:0deg;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1599 .elementor-element.elementor-element-9d5c69b{--divider-border-style:solid;--divider-color:var( --e-global-color-1f468d5 );--divider-border-width:1px;}.elementor-1599 .elementor-element.elementor-element-9d5c69b .elementor-divider-separator{width:100%;}.elementor-1599 .elementor-element.elementor-element-9d5c69b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1599 .elementor-element.elementor-element-e5ae5c2 .elementor-repeater-item-903bbc6.elementor-social-icon{background-color:var( --e-global-color-1f468d5 );}.elementor-1599 .elementor-element.elementor-element-e5ae5c2 .elementor-repeater-item-43167bd.elementor-social-icon{background-color:#A87B63;}.elementor-1599 .elementor-element.elementor-element-e5ae5c2 .elementor-repeater-item-6bcaa3c.elementor-social-icon{background-color:var( --e-global-color-1f468d5 );}.elementor-1599 .elementor-element.elementor-element-e5ae5c2{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:40px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1599 .elementor-element.elementor-element-809e529{text-align:center;margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-1599 .elementor-element.elementor-element-809e529 .elementor-heading-title{font-family:"Bubbler One", Sans-serif;font-size:22px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#D96F00;}body.elementor-page-1599:not(.elementor-motion-effects-element-type-background), body.elementor-page-1599 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1599 .elementor-element.elementor-element-510516c6{columns:1;column-gap:0px;text-align:center;font-size:22px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline .wpr-button{padding:20px 5px 20px 5px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-block .wpr-button-text{padding:20px 5px 20px 5px;}.elementor-1599 .elementor-element.elementor-element-6acecc7.wpr-button-icon-style-inline-block .wpr-button-content{padding:20px 5px 20px 5px;}.elementor-1599 .elementor-element.elementor-element-6acecc7 .wpr-button::after{padding:20px 5px 20px 5px;}}@media(min-width:768px){.elementor-1599 .elementor-element.elementor-element-1c947d3{--width:25%;}.elementor-1599 .elementor-element.elementor-element-868693b{--width:50%;}.elementor-1599 .elementor-element.elementor-element-c1bcc9d{--width:25%;}.elementor-1599 .elementor-element.elementor-element-2119b0e{--width:98.559%;}.elementor-1599 .elementor-element.elementor-element-39ce013{--width:10%;}.elementor-1599 .elementor-element.elementor-element-ce532b4{--width:80%;}.elementor-1599 .elementor-element.elementor-element-5cac22a{--width:10%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1599 .elementor-element.elementor-element-ce532b4{--width:80px;}}/* Start custom CSS for html, class: .elementor-element-35d98a0 *//* REMOVER ESPAÇO DOS ELEMENTOS HIDDEN E
*/ /* Esconde completamente os elementos hidden sem ocupar espaço */ input[type="hidden"], .qsm-error-message[style*="display: none"], .qsm-page[style*="display: none"], section[style*="display: none"], div[style*="display: none"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: absolute !important; left: -9999px !important; } /* Remove todos os
que estão causando espaçamento */ br { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; content: '' !important; } /* Remove espaçamento dos parágrafos vazios */ p:empty { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } /* Remove margens do formulário do quiz */ #quizForm3.qsm-quiz-form, .mlw_quiz_form, .qmn_quiz_form { margin: 0 !important; padding: 0 !important; } /* Remove espaçamento específico da barra de progresso */ .qsm-pagination, .qmm_pagination { margin-top: 0 !important; padding-top: 10px !important; /* Mantém um pequeno espaçamento se necessário */ } /* Remove bordas e margens extras */ .border { border: none !important; } .margin-bottom { margin-bottom: 0 !important; } /* Garante que elementos com display: none não ocupem espaço */ [style*="display: none"] { display: none !important; } /* MESMO ESTILO DO .qsm-before-message PARA OS LABELS */ .qmn_mc_answer_wrap { display: flex !important; align-items: flex-start !important; margin-bottom: 15px !important; padding: 15px !important; border-radius: 10px !important; transition: all 0.3s ease !important; background: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; width: 100% !important; } /* Remove os
*/ .qmn_mc_answer_wrap br { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; content: '' !important; pointer-events: none !important; } /* Labels com o MESMO ESTILO do .qsm-before-message */ .qsm-input-label { margin: 0 !important; padding: 0 !important; cursor: pointer !important; line-height: 1.6 !important; /* Mesma linha do before-message */ flex: 1 !important; color: #ffffff !important; font-size: 16px !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; display: block !important; text-align: left !important; margin-left: 0 !important; padding-left: 0 !important; font-weight: 400 !important; /* Peso normal igual ao before-message */ text-shadow: none !important; /* Remove sombra se o before-message não tiver */ letter-spacing: 0.2px !important; /* Espaçamento similar */ } /* Se o .qsm-before-message tiver estilo específico, copie exatamente: */ .qsm-before-message, .qsm-before-message p { color: #ffffff !important; font-size: 16px !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; line-height: 1.6 !important; font-weight: 400 !important; text-align: center !important; margin-bottom: 15px !important; } /* Aplica o mesmo estilo aos labels */ .qsm-input-label { color: inherit !important; /* Herda a cor do before-message */ font-size: inherit !important; /* Herda o tamanho */ font-family: inherit !important; /* Herda a fonte */ line-height: inherit !important; /* Herda a linha */ font-weight: inherit !important; /* Herda o peso */ text-align: left !important; /* Mantém alinhado à esquerda nos labels */ } /* Radio buttons */ .qmn_quiz_radio { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; width: 22px !important; height: 22px !important; border: 2px solid rgba(255, 255, 255, 0.8) !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.1) !important; margin: 0 !important; margin-right: 15px !important; margin-top: 2px !important; cursor: pointer !important; flex-shrink: 0 !important; position: relative !important; align-self: flex-start !important; transition: all 0.3s ease !important; } .qmn_quiz_radio:hover { border-color: #ffffff !important; background: rgba(255, 255, 255, 0.2) !important; transform: scale(1.1) !important; } .qmn_quiz_radio:checked { border-color: #6cb2eb !important; background: #6cb2eb !important; box-shadow: 0 0 10px rgba(108, 178, 235, 0.5) !important; } .qmn_quiz_radio:checked::after { content: '' !important; position: absolute !important; width: 8px !important; height: 8px !important; background: white !important; border-radius: 50% !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } /* Container selecionado */ .qmn_mc_answer_wrap:has(.qmn_quiz_radio:checked) { background: rgba(108, 178, 235, 0.25) !important; border-color: rgba(108, 178, 235, 0.5) !important; box-shadow: 0 4px 12px rgba(108, 178, 235, 0.2) !important; } /* Hover */ .qmn_mc_answer_wrap:hover { background: rgba(255, 255, 255, 0.25) !important; border-color: rgba(255, 255, 255, 0.5) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(255, 255, 255, 0.15) !important; } /* Container do quiz */ .quiz_section { width: 100% !important; max-width: 700px !important; margin: 0 auto !important; padding: 25px !important; background: rgba(30, 35, 70, 0.9) !important; backdrop-filter: blur(15px) !important; border-radius: 15px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; text-align: left !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important; } /* Pergunta - também pode herdar o estilo */ .mlw_qmn_new_question { color: #ffffff !important; font-size: 22px !important; margin-bottom: 30px !important; text-align: center !important; font-weight: 600 !important; line-height: 1.4 !important; } /* Responsividade */ @media (max-width: 768px) { .qmn_mc_answer_wrap { padding: 12px !important; background: rgba(255, 255, 255, 0.18) !important; } .qsm-input-label { font-size: 15px !important; line-height: 1.5 !important; } .qmn_quiz_radio { margin-right: 12px !important; margin-top: 1px !important; width: 20px !important; height: 20px !important; } } /* CSS DO CÉU ESTRELADO COMPLETO */ /* Aplica o céu estrelado diretamente no body */ body { margin: 0; padding: 0; min-height: 100vh; background: /* Gradiente do céu noturno */ linear-gradient(to bottom, #0a0e27 0%, #1a1f4b 40%, #2d3560 100%); position: relative; overflow-x: hidden; } /* Container principal para as estrelas */ .starry-sky { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; } /* Camadas de estrelas que cobrem toda a altura */ .stars-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; pointer-events: none; } /* Primeira camada - Estrelas pequenas */ .stars-small { background-image: radial-gradient(1px 1px at 5% 5%, #fff, transparent), radial-gradient(1px 1px at 10% 15%, #fff, transparent), radial-gradient(1px 1px at 15% 25%, #fff, transparent), radial-gradient(1px 1px at 20% 35%, #fff, transparent), radial-gradient(1px 1px at 25% 45%, #fff, transparent), radial-gradient(1px 1px at 30% 55%, #fff, transparent), radial-gradient(1px 1px at 35% 65%, #fff, transparent), radial-gradient(1px 1px at 40% 75%, #fff, transparent), radial-gradient(1px 1px at 45% 85%, #fff, transparent), radial-gradient(1px 1px at 50% 95%, #fff, transparent), radial-gradient(1px 1px at 55% 10%, #fff, transparent), radial-gradient(1px 1px at 60% 20%, #fff, transparent), radial-gradient(1px 1px at 65% 30%, #fff, transparent), radial-gradient(1px 1px at 70% 40%, #fff, transparent), radial-gradient(1px 1px at 75% 50%, #fff, transparent), radial-gradient(1px 1px at 80% 60%, #fff, transparent), radial-gradient(1px 1px at 85% 70%, #fff, transparent), radial-gradient(1px 1px at 90% 80%, #fff, transparent), radial-gradient(1px 1px at 95% 90%, #fff, transparent), radial-gradient(1px 1px at 8% 98%, #fff, transparent), radial-gradient(1px 1px at 18% 8%, #fff, transparent), radial-gradient(1px 1px at 28% 18%, #fff, transparent), radial-gradient(1px 1px at 38% 28%, #fff, transparent), radial-gradient(1px 1px at 48% 38%, #fff, transparent), radial-gradient(1px 1px at 58% 48%, #fff, transparent), radial-gradient(1px 1px at 68% 58%, #fff, transparent), radial-gradient(1px 1px at 78% 68%, #fff, transparent), radial-gradient(1px 1px at 88% 78%, #fff, transparent), radial-gradient(1px 1px at 98% 88%, #fff, transparent), radial-gradient(1px 1px at 12% 12%, #fff, transparent), radial-gradient(1px 1px at 22% 22%, #fff, transparent), radial-gradient(1px 1px at 32% 32%, #fff, transparent), radial-gradient(1px 1px at 42% 42%, #fff, transparent), radial-gradient(1px 1px at 52% 52%, #fff, transparent), radial-gradient(1px 1px at 62% 62%, #fff, transparent), radial-gradient(1px 1px at 72% 72%, #fff, transparent), radial-gradient(1px 1px at 82% 82%, #fff, transparent), radial-gradient(1px 1px at 92% 92%, #fff, transparent), radial-gradient(1px 1px at 3% 28%, #fff, transparent), radial-gradient(1px 1px at 13% 38%, #fff, transparent), radial-gradient(1px 1px at 23% 48%, #fff, transparent), radial-gradient(1px 1px at 33% 58%, #fff, transparent), radial-gradient(1px 1px at 43% 68%, #fff, transparent), radial-gradient(1px 1px at 53% 78%, #fff, transparent), radial-gradient(1px 1px at 63% 88%, #fff, transparent), radial-gradient(1px 1px at 73% 98%, #fff, transparent), radial-gradient(1px 1px at 83% 18%, #fff, transparent), radial-gradient(1px 1px at 93% 28%, #fff, transparent); background-size: 100% 100%; animation: twinkle-small 8s infinite ease-in-out; } /* Segunda camada - Estrelas médias */ .stars-medium { background-image: radial-gradient(2px 2px at 7% 12%, #fff, transparent), radial-gradient(2px 2px at 17% 22%, #fff, transparent), radial-gradient(2px 2px at 27% 32%, #fff, transparent), radial-gradient(2px 2px at 37% 42%, #fff, transparent), radial-gradient(2px 2px at 47% 52%, #fff, transparent), radial-gradient(2px 2px at 57% 62%, #fff, transparent), radial-gradient(2px 2px at 67% 72%, #fff, transparent), radial-gradient(2px 2px at 77% 82%, #fff, transparent), radial-gradient(2px 2px at 87% 92%, #fff, transparent), radial-gradient(2px 2px at 97% 15%, #fff, transparent), radial-gradient(2px 2px at 12% 27%, #fff, transparent), radial-gradient(2px 2px at 22% 37%, #fff, transparent), radial-gradient(2px 2px at 32% 47%, #fff, transparent), radial-gradient(2px 2px at 42% 57%, #fff, transparent), radial-gradient(2px 2px at 52% 67%, #fff, transparent), radial-gradient(2px 2px at 62% 77%, #fff, transparent), radial-gradient(2px 2px at 72% 87%, #fff, transparent), radial-gradient(2px 2px at 82% 97%, #fff, transparent), radial-gradient(2px 2px at 92% 17%, #fff, transparent), radial-gradient(2px 2px at 5% 35%, #fff, transparent), radial-gradient(2px 2px at 15% 45%, #fff, transparent), radial-gradient(2px 2px at 25% 55%, #fff, transparent), radial-gradient(2px 2px at 35% 65%, #fff, transparent), radial-gradient(2px 2px at 45% 75%, #fff, transparent), radial-gradient(2px 2px at 55% 85%, #fff, transparent), radial-gradient(2px 2px at 65% 95%, #fff, transparent), radial-gradient(2px 2px at 75% 25%, #fff, transparent), radial-gradient(2px 2px at 85% 35%, #fff, transparent), radial-gradient(2px 2px at 95% 45%, #fff, transparent); background-size: 100% 100%; animation: twinkle-medium 6s infinite ease-in-out; animation-delay: 2s; } /* Terceira camada - Estrelas grandes */ .stars-large { background-image: radial-gradient(3px 3px at 10% 20%, #fff, transparent), radial-gradient(3px 3px at 25% 40%, #fff, transparent), radial-gradient(3px 3px at 40% 60%, #fff, transparent), radial-gradient(3px 3px at 55% 80%, #fff, transparent), radial-gradient(3px 3px at 70% 30%, #fff, transparent), radial-gradient(3px 3px at 85% 50%, #fff, transparent), radial-gradient(3px 3px at 20% 70%, #fff, transparent), radial-gradient(3px 3px at 35% 90%, #fff, transparent), radial-gradient(3px 3px at 50% 25%, #fff, transparent), radial-gradient(3px 3px at 65% 45%, #fff, transparent), radial-gradient(3px 3px at 80% 65%, #fff, transparent), radial-gradient(3px 3px at 95% 85%, #fff, transparent), radial-gradient(3px 3px at 15% 95%, #fff, transparent), radial-gradient(3px 3px at 30% 15%, #fff, transparent), radial-gradient(3px 3px at 45% 35%, #fff, transparent); background-size: 100% 100%; animation: twinkle-large 7s infinite ease-in-out; animation-delay: 4s; } /* Estrelas cadentes */ .shooting-star { position: absolute; width: 150px; height: 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%); transform: rotate(-45deg); animation: shoot 10s infinite; opacity: 0; pointer-events: none; } /* Posições das estrelas cadentes por toda a página */ .shooting-star:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; } .shooting-star:nth-child(2) { top: 25%; left: 15%; animation-delay: 3s; } .shooting-star:nth-child(3) { top: 40%; left: 8%; animation-delay: 6s; } .shooting-star:nth-child(4) { top: 55%; left: 20%; animation-delay: 9s; } .shooting-star:nth-child(5) { top: 70%; left: 12%; animation-delay: 12s; } .shooting-star:nth-child(6) { top: 85%; left: 25%; animation-delay: 15s; } .shooting-star:nth-child(7) { top: 15%; left: 85%; animation-delay: 2s; } .shooting-star:nth-child(8) { top: 30%; left: 75%; animation-delay: 5s; } .shooting-star:nth-child(9) { top: 45%; left: 90%; animation-delay: 8s; } .shooting-star:nth-child(10) { top: 60%; left: 80%; animation-delay: 11s; } .shooting-star:nth-child(11) { top: 75%; left: 95%; animation-delay: 14s; } .shooting-star:nth-child(12) { top: 90%; left: 85%; animation-delay: 17s; } .shooting-star:nth-child(13) { top: 20%; left: 30%; animation-delay: 1s; } .shooting-star:nth-child(14) { top: 35%; left: 45%; animation-delay: 4s; } .shooting-star:nth-child(15) { top: 50%; left: 60%; animation-delay: 7s; } .shooting-star:nth-child(16) { top: 65%; left: 35%; animation-delay: 10s; } /* Animações */ @keyframes twinkle-small { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.9; } } @keyframes twinkle-medium { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } } @keyframes twinkle-large { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } @keyframes shoot { 0% { opacity: 0; transform: translateX(0) translateY(0) rotate(-45deg); } 1% { opacity: 1; } 4% { opacity: 0; transform: translateX(500px) translateY(500px) rotate(-45deg); } 100% { opacity: 0; } } /* Exemplo de conteúdo */ .content { position: relative; z-index: 1; color: white; padding: 40px; max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; } h1 { text-align: center; margin-bottom: 30px; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); } p { line-height: 1.6; margin-bottom: 20px; } .long-content { height: 1500px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; text-align: center; } .section { background: rgba(10, 14, 39, 0.7); padding: 30px; border-radius: 15px; backdrop-filter: blur(5px); margin: 20px 0; }/* End custom CSS */