:root{--cor-primaria:#0A2342;--cor-primaria-hover:#103A6B;--cor-acento:#FFB81C;--cor-acento-hover:#E0A114;--cor-texto-escuro:#2c3e50;--cor-texto-claro:#FFFFFF;--cor-texto-base:#333;--cor-fundo-geral:#f4f7f9;--cor-fundo-secao:#ffffff;--cor-fundo-secao-destaque:#ecf0f1;--cor-borda-sutil:#e0e0e0;--gradiente-padrao:linear-gradient(135deg,var(--cor-primaria),#0d2f5b,#ffcb4e);--cor-sucesso-bg:#d4edda;--cor-sucesso-texto:#155724;--cor-erro-bg:#ffebee;--cor-erro-texto:#c0392b;--cor-gravando:#e74c3c}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--cor-primaria);background-image:linear-gradient(135deg,var(--cor-primaria),#0d2f5b,#ffcb4e);color:var(--cor-texto-base);line-height:1.6;background-attachment:fixed}main{display:flex;flex-direction:column;align-items:center;padding:20px 10px;width:100%;box-sizing:border-box}h1,h2,h3,h4{color:var(--cor-texto-escuro);text-align:center}h2{color:var(--cor-primaria);margin-top:0;margin-bottom:15px;font-size:1.8em;border-bottom:2px solid var(--cor-borda-sutil);padding-bottom:5px}.cabecalho-container{width:100%;padding:0;box-shadow:0 4px 10px rgba(0,0,0,0.5)}.bloco-identidade{display:flex;flex-direction:column;align-items:center;width:100%}.logo-and-title{background:var(--gradiente-padrao);width:100%;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 15px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.1)}.logo-and-title .logo-img{max-height:80px;width:auto;border-radius:50%}.logo-and-title h1{color:var(--cor-texto-claro);font-size:1.5em;margin:0;text-shadow:1px 1px 3px black}.bloco-navegacao{background:var(--gradiente-padrao);width:100%;padding:12px;box-sizing:border-box;display:flex;justify-content:center}.nav-primary ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.nav-primary a{text-decoration:none;color:var(--cor-texto-claro);font-weight:bold;padding:10px 20px;border-radius:8px;transition:background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;background-color:var(--cor-primaria-hover);border:1px solid black;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.nav-primary a:hover{background-color:var(--cor-acento);color:var(--cor-primaria);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.hero-banner{width:100%;max-width:none;height:80vh;min-height:400px;margin:0;border-radius:0;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}#hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:-1;object-fit:cover}.hero-content{background-color:rgba(10,35,66,0.7);padding:30px;border-radius:12px;color:var(--cor-texto-claro);text-align:center}.hero-content h2,.hero-content p{color:var(--cor-texto-claro);text-shadow:1px 1px 4px rgba(0,0,0,0.7)}.hero-content h2{border-bottom:none}.profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:15px 0;border:4px solid var(--cor-acento)}.content-banner{width:90%;max-width:900px;margin:30px auto;padding:25px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:1px solid var(--cor-borda-sutil);text-align:center;box-sizing:border-box;background-color:var(--cor-fundo-secao)}.cta-button{display:inline-block;padding:12px 25px;background-color:var(--cor-acento);color:var(--cor-texto-escuro);border:none;border-radius:6px;cursor:pointer;margin-bottom:30px;text-decoration:none;font-size:1.1em;font-weight:bold;transition:background-color 0.2s ease,transform 0.2s ease;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.cta-button:hover{background-color:var(--cor-acento-hover);transform:scale(1.05)}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:20px 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}#videos-faixa{background-color:var(--cor-fundo-secao-destaque)}.search-section-box{background-color:var(--cor-fundo-secao);width:90%;max-width:900px;margin:30px auto;padding:30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:1px solid var(--cor-borda-sutil);text-align:center;box-sizing:border-box;position:relative}.search-section-box h3{color:var(--cor-primaria);margin-top:0;margin-bottom:20px;font-size:1.5em}.input-wrapper{position:relative;display:flex;align-items:center;max-width:700px;margin:0 auto}.search-icon{position:absolute;left:20px;font-size:1.2em;color:var(--cor-primaria);pointer-events:none;z-index:1}#site-search{width:100%;padding:15px 50px 15px 50px;font-size:1.1em;border:2px solid #e0e0e0;border-radius:50px;outline:none;transition:all 0.3s ease;color:var(--cor-texto-base);background-color:#f9f9f9}#site-search:focus{border-color:var(--cor-acento);background-color:#fff;box-shadow:0 0 10px rgba(255,184,28,0.3)}.clear-btn{position:absolute;right:20px;background:none;border:none;font-size:1.2em;color:#999;cursor:pointer;display:none;transition:color 0.2s;padding:0}.clear-btn:hover{color:#ff4444}.clear-btn.visible{display:block}#search-status{margin-top:15px;font-size:.95em;color:#666;font-weight:500;min-height:20px}.suggestions-box{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 20px 20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:100;display:none;overflow:hidden;margin-top:5px;width:90%;margin-left:auto;margin-right:auto}.suggestions-box.visible{display:block}.suggestion-item{padding:12px 20px;cursor:pointer;text-align:left;color:#555;border-bottom:1px solid #f0f0f0;transition:background-color 0.2s;font-size:.95em}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:#e3f2fd;color:var(--cor-primaria);font-weight:bold}.suggestion-item strong{color:var(--cor-primaria)}.hidden-by-search{display:none!important}.collapsible-content,#main-exercise-wrapper{max-height:0;overflow:hidden;transition:max-height 0.5s ease-in-out,margin-top 0.5s ease-in-out;margin-top:0}.collapsible-content.visible,#main-exercise-wrapper.visible{max-height:10000px;margin-top:20px}.tab-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;box-sizing:border-box;justify-items:stretch;margin-bottom:20px}.tab-controls .cta-button{width:100%;margin:0;padding:10px 5px;font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px}.accordion-container{width:100%;max-width:700px;margin:0 auto;border:1px solid var(--cor-borda-sutil);border-radius:8px;overflow:hidden}.accordion-trigger{background-color:#f1f1f1;color:var(--cor-texto-escuro);cursor:pointer;padding:15px 20px;width:100%;border:none;border-bottom:1px solid var(--cor-borda-sutil);text-align:left;outline:none;font-size:1.1em;font-weight:500;transition:background-color 0.3s ease;position:relative}.accordion-trigger:last-of-type{border-bottom:none}.accordion-trigger:hover{background-color:#e9e9e9}.accordion-trigger.active{background-color:var(--cor-primaria-hover);color:var(--cor-texto-claro)}.accordion-trigger::after{content:'+';font-size:1.5em;font-weight:bold;color:var(--cor-primaria);position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform 0.3s ease}.accordion-trigger.active::after{transform:translateY(-50%) rotate(45deg);color:var(--cor-acento)}.accordion-panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out}.accordion-panel.visible{max-height:1000px;padding:15px 18px}.accordion-panel ul{list-style-type:none;padding:0}.accordion-panel li{padding:8px 0;border-bottom:1px solid #f0f0f0}.accordion-panel li:last-child{border-bottom:none}.exercise-link{text-decoration:none;color:var(--cor-primaria);font-weight:500}.exercise-link:hover{color:var(--cor-acento-hover)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;text-align:left}.option-card{border:1px solid var(--cor-borda-sutil);padding:20px;border-radius:8px;background:#f9f9f9;transition:box-shadow 0.3s ease,transform 0.3s ease}.option-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.option-card h4{margin-top:0;color:var(--cor-primaria)}.cta-button-small{display:inline-block;padding:8px 16px;background-color:var(--cor-primaria);color:var(--cor-texto-claro);border-radius:4px;text-decoration:none;margin-top:10px;transition:background-color 0.2s}.cta-button-small:hover{background-color:var(--cor-primaria-hover)}.carousel-container{position:relative;max-width:700px;margin:20px auto;overflow:hidden;border-radius:8px;background:#f9f9f9;padding:20px 0}.carousel-slides{display:flex;transition:transform 0.5s ease-in-out}.carousel-slide{min-width:100%;box-sizing:border-box;padding:0 50px}.carousel-slide p{font-style:italic;color:#555}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(10,35,66,0.7);color:white;border:none;font-size:1.5em;cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s}.carousel-button:hover{background-color:var(--cor-primaria)}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.site-footer{width:100%;background-color:var(--cor-primaria);background-image:linear-gradient(135deg,var(--cor-primaria),#0d2f5b,#ffcb4e);color:var(--cor-texto-claro);text-align:center;padding:40px 20px;margin-top:30px;box-sizing:border-box}.site-footer p{margin:5px 0;font-size:.9em}.social-media-links h4{color:var(--cor-texto-claro)}.social-media-links a{display:inline-block;margin:0 12px;transition:transform 0.2s ease}.social-media-links a:hover{transform:scale(1.1)}.social-media-links img{width:32px;height:32px}.speaking-exercise-box{text-align:center;padding:20px;background-color:#fff;border-radius:8px}.target-phrase{color:var(--cor-primaria);font-size:1.4em;margin:20px 0;font-weight:bold}.mic-btn{background-color:var(--cor-gravando);color:white;border:none;border-radius:50px;padding:12px 25px;font-size:1.1em;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 6px rgba(0,0,0,0.2)}.mic-btn:hover{background-color:#c0392b;transform:scale(1.05)}.mic-btn.recording{background-color:var(--cor-gravando);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(231,76,60,0.7)}70%{box-shadow:0 0 0 10px rgba(231,76,60,0)}100%{box-shadow:0 0 0 0 rgba(231,76,60,0)}}.writing-exercise-box{padding:15px}.error-sentence{background-color:var(--cor-erro-bg);border-left:5px solid var(--cor-erro-texto);color:var(--cor-erro-texto);padding:15px;margin:15px 0;font-family:'Courier New',monospace;font-size:1.1em;font-weight:bold}.writing-input{width:100%;padding:15px;border:2px solid #ddd;border-radius:6px;font-size:1em;margin-bottom:15px;box-sizing:border-box;transition:border-color 0.3s}.writing-input:focus{border-color:var(--cor-acento);outline:none}.sortable-item{display:flex;align-items:center;gap:15px;background:#ffffff;border:1px solid #eee;padding:15px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:transform 0.2s}.sortable-item:hover{border-color:var(--cor-acento)}.sort-controls{display:flex;flex-direction:column;gap:5px}.sort-btn{background:#f0f0f0;border:1px solid #ccc;color:#555;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.8em;transition:background 0.2s}.sort-btn:hover{background-color:var(--cor-primaria);color:white;border-color:var(--cor-primaria)}.feedback-box,.feedback-text{margin-top:15px;padding:15px;border-radius:6px;font-weight:bold}.feedback-success{background-color:var(--cor-sucesso-bg);color:var(--cor-sucesso-texto);border:1px solid #c3e6cb}.feedback-error{background-color:var(--cor-erro-bg);color:var(--cor-erro-texto);border:1px solid #f5c6cb}.hidden{display:none!important}.suggestion-item{cursor:pointer}.suggestion-item:hover{background-color:#e3f2fd}#back-to-top{position:fixed;bottom:30px;right:30px;background-color:var(--cor-acento);color:var(--cor-texto-escuro);border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.3);opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;z-index:1000}#back-to-top.visible{opacity:1;pointer-events:all}#back-to-top:hover{background-color:var(--cor-acento-hover);transform:translateY(-5px)}.tag{font-size:.75em;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:bold;text-transform:uppercase;vertical-align:middle;display:inline-block}.tag.basico{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.tag.inter{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.tag.avancado{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.share-btn{background-color:#25D366;color:white;border:none;padding:5px 10px;border-radius:5px;font-size:.9em;cursor:pointer;margin-top:10px;display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:bold;transition:background-color 0.2s}.share-btn:hover{background-color:#128C7E}@media (max-width: 800px){.logo-and-title h1{font-size:1.2em}.nav-primary a{font-size:.8em;padding:8px 10px}h2{font-size:1.5em}.bloco-identidade{flex-direction:column}.content-banner{width:95%;padding:20px}.hero-banner{height:90vh}.carousel-slide{padding:0 15px}.carousel-button{width:35px;height:35px;font-size:1.2em}#xp-container{margin-top:10px;margin-left:0}}@media (max-width: 500px){.tab-controls .cta-button{font-size:.8rem;padding:8px 2px}}