/* ══════════ Sala Aberta · tokens ══════════ */
:root{
  --papel:#f6f2e8; --papel2:#ece4d0; --papel-nota:#fffdf2;
  --tinta:#1d2a24; --suave:#5d6b62; --linha:rgba(29,42,36,.18);
  --quadro:#0d3a2d; --quadro2:#0a2c22; --giz:#f3eede;
  --marcador:#f2b632; --marcador-claro:#ffd875;
  --lapis:#d14b3d; --azul:#2f6fae; --verde:#2e7d52;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --corpo:'Instrument Sans',system-ui,sans-serif;
  --mano:'Caveat',cursive;
  --sombra:6px 6px 0 rgba(29,42,36,.85);
  --sombra-mini:3px 3px 0 rgba(29,42,36,.85);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
::selection{background:var(--marcador);color:var(--tinta)}
body{
  font-family:var(--corpo); color:var(--tinta); background:var(--papel);
  background-image:
    repeating-linear-gradient(transparent 0 31px, rgba(47,111,174,.07) 31px 32px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  line-height:1.6;
}
img,svg{display:block}
a{color:var(--azul)}
h1,h2,h3,.display{font-family:var(--display);line-height:1.1;letter-spacing:-.01em}
.mano{font-family:var(--mano)}
.envolve{max-width:1180px;margin-inline:auto;padding-inline:24px}
.sec{padding-block:72px}
.marca{background:linear-gradient(180deg,transparent 58%,var(--marcador-claro) 58%,var(--marcador-claro) 94%,transparent 94%);padding-inline:.1em}

/* ══════════ topo ══════════ */
.topo{position:sticky;top:0;z-index:50;background:var(--papel);border-bottom:2px solid var(--tinta);transition:box-shadow .25s}
.topo.rolado{box-shadow:0 6px 20px rgba(29,42,36,.14)}
.topo .envolve{display:flex;align-items:center;gap:28px;height:66px}
.logotipo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font-family:var(--display);font-weight:800;font-size:1.35rem}
.logotipo .aberto{color:var(--quadro)}
.logotipo small{font-family:var(--mano);font-weight:400;font-size:1rem;color:var(--suave);transform:rotate(-3deg)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{position:relative;text-decoration:none;color:var(--tinta);font-weight:600;font-size:.95rem;padding:8px 12px}
.nav a::after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:3px;background:var(--marcador);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after,.nav a.ativo::after{transform:scaleX(1)}
.nav .bt{margin-left:8px}
.menu-btn{display:none;margin-left:auto;background:none;border:2px solid var(--tinta);padding:6px 10px;cursor:pointer;font-size:1.1rem}
.barra-data{background:var(--quadro);color:var(--giz);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.barra-data .envolve{display:flex;justify-content:space-between;gap:12px;padding-block:6px}

/* ══════════ botões / chips ══════════ */
.bt{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:.95rem;
  color:var(--tinta);background:var(--papel);border:2px solid var(--tinta);padding:11px 20px;text-decoration:none;
  cursor:pointer;box-shadow:var(--sombra-mini);transition:transform .15s,box-shadow .15s}
.bt:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(29,42,36,.85)}
.bt:active{transform:translate(2px,2px);box-shadow:none}
.bt-marcador{background:var(--marcador)}
.bt-quadro{background:var(--quadro);color:var(--giz)}
.bt-fantasma{background:transparent;color:var(--giz);border-color:var(--giz);box-shadow:3px 3px 0 rgba(243,238,222,.35)}
.bt-mini{padding:6px 12px;font-size:.82rem;box-shadow:2px 2px 0 rgba(29,42,36,.85)}
.etiqueta{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  border:2px solid var(--cor,var(--tinta));background:color-mix(in srgb,var(--cor,var(--tinta)) 18%,transparent);
  padding:2px 10px;border-radius:99px;color:var(--tinta);white-space:nowrap}
.chip{display:inline-flex;gap:8px;align-items:center;font-family:var(--display);font-weight:700;font-size:.85rem;
  border:2px solid var(--tinta);background:var(--papel);padding:8px 14px;cursor:pointer;box-shadow:2px 2px 0 rgba(29,42,36,.7);transition:.15s}
.chip:hover{transform:translate(-1px,-1px)}
.chip.ativo{background:var(--marcador)}

/* ══════════ quadro (abertura) ══════════ */
.quadro{background:radial-gradient(120% 160% at 20% 0%,var(--quadro) 40%,var(--quadro2));color:var(--giz);
  border-block:10px solid #241d15;position:relative;overflow:hidden}
.quadro::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.06'/%3E%3C/svg%3E")}
.quadro .rabisco{position:absolute;font-family:var(--mano);color:rgba(243,238,222,.14);font-size:5rem;pointer-events:none;user-select:none}
.quadro-grelha{position:relative;display:grid;grid-template-columns:1.35fr .9fr;gap:56px;padding-block:84px;align-items:start}
.quadro-rotulo{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--marcador);font-weight:700}
.quadro h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:900;margin:.4em 0 .35em}
.cursor{display:inline-block;width:.55em;color:var(--marcador);animation:pisca 1s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.quadro p.lead{max-width:46ch;color:rgba(243,238,222,.85);font-size:1.08rem}
.quadro .acoes{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.anotacao{font-family:var(--mano);font-size:1.5rem;color:var(--marcador);transform:rotate(-4deg);margin-top:22px}

/* notas / avisos */
.placard h2{font-family:var(--mano);font-weight:400;font-size:1.9rem;color:var(--marcador);margin-bottom:18px;transform:rotate(-1.5deg)}
.nota{position:relative;background:var(--papel-nota);color:var(--tinta);border:1px solid var(--linha);
  padding:18px 18px 16px;margin-bottom:16px;box-shadow:0 12px 24px rgba(0,0,0,.3);transition:transform .25s}
.nota::before{content:'';position:absolute;top:-8px;left:50%;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ff8d80,var(--lapis) 60%);box-shadow:0 3px 5px rgba(0,0,0,.4)}
.nota:nth-child(odd){transform:rotate(-1.6deg)}
.nota:nth-child(even){transform:rotate(1.3deg)}
.nota:hover{transform:rotate(0) scale(1.03);z-index:2}
.nota h3{font-size:1rem;margin-bottom:4px}
.nota p{font-size:.9rem;color:var(--suave)}
.nota .quando{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.nota.urgente{border-left:6px solid var(--lapis)}
.nota.urgente h3{color:var(--lapis)}

/* ══════════ ticker ══════════ */
.ticker{background:var(--marcador);border-block:2px solid var(--tinta);overflow:hidden}
.ticker-faixa{display:flex;width:max-content;animation:desliza 30s linear infinite}
.ticker:hover .ticker-faixa{animation-play-state:paused}
.ticker-faixa span{padding:8px 28px;font-weight:600;font-size:.92rem;white-space:nowrap}
@keyframes desliza{to{transform:translateX(-50%)}}

/* ══════════ contadores ══════════ */
.contas{border-block:2px solid var(--tinta);background:var(--papel-nota)}
.contas .envolve{display:flex;flex-wrap:wrap}
.conta{flex:1;min-width:160px;padding:26px 20px;text-align:center;border-left:2px dashed var(--linha)}
.conta:first-child{border-left:0}
.conta b{display:block;font-family:var(--display);font-weight:900;font-size:2.6rem;color:var(--quadro)}
.conta span{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}

/* ══════════ cabeçalhos de secção ══════════ */
.sec-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.sec-cab .kicker{font-size:.78rem;letter-spacing:.26em;text-transform:uppercase;color:var(--lapis);font-weight:700}
.sec-cab h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900}
.sec-cab .mano{font-size:1.4rem;color:var(--suave)}

/* calendário (próximas aulas) */
.calendario{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.dia-aula{display:flex;gap:14px;background:#fff;border:2px solid var(--tinta);padding:14px;box-shadow:var(--sombra-mini);
  transition:transform .18s,box-shadow .18s}
.dia-aula:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 rgba(29,42,36,.85)}
.dia-aula .dia{font-family:var(--display);font-weight:900;background:var(--quadro);color:var(--giz);
  min-width:62px;text-align:center;padding:8px 6px;display:grid;place-content:center}
.dia-aula .dia b{font-size:1.5rem;line-height:1}
.dia-aula .dia span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}
.dia-aula h3{font-size:1rem}
.dia-aula p{font-size:.85rem;color:var(--suave)}

/* ══════════ aulas: abas + módulos ══════════ */
.abas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.painel{display:none}.painel.ativo{display:block;animation:aparece .35s ease}
@keyframes aparece{from{opacity:0;transform:translateY(10px)}}
.modulo{background:#fff;border:2px solid var(--tinta);margin-bottom:14px;box-shadow:var(--sombra-mini)}
.modulo summary{display:flex;align-items:center;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}
.modulo summary::-webkit-details-marker{display:none}
.modulo .num{font-family:var(--display);font-weight:900;font-size:1.1rem;background:var(--cor,var(--marcador));
  border:2px solid var(--tinta);width:44px;height:44px;display:grid;place-content:center;flex:none}
.modulo h3{font-size:1.05rem;flex:1}
.modulo .meta{font-size:.8rem;color:var(--suave)}
.modulo summary::after{content:'▾';font-size:1.2rem;transition:transform .25s}
.modulo[open] summary::after{transform:rotate(180deg)}
.aulas-lista{border-top:2px dashed var(--linha);padding:6px 10px 12px;display:grid}
.aula-linha{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;
  padding:10px 12px;text-decoration:none;color:var(--tinta);border-bottom:1px dotted var(--linha);transition:.15s}
.aula-linha:last-child{border-bottom:0}
.aula-linha:hover{background:var(--papel2);transform:translateX(5px)}
.aula-linha .n{font-family:var(--mano);font-size:1.3rem;color:var(--suave)}
.aula-linha small{display:block;color:var(--suave)}
.estado{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px;border:1.5px solid}
.estado.pub{color:var(--verde);border-color:var(--verde)}
.estado.age{color:var(--azul);border-color:var(--azul)}
.estado.ras{color:var(--suave);border-color:var(--suave)}

/* ══════════ repositório ══════════ */
.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.filtros input{flex:1;min-width:200px;font-family:var(--corpo);font-size:.95rem;border:2px solid var(--tinta);
  background:#fff;padding:10px 14px}
.filtros input:focus{outline:3px solid var(--marcador-claro)}
.ficheiro{display:grid;grid-template-columns:52px 1fr auto auto;gap:16px;align-items:center;background:#fff;
  border:2px solid var(--tinta);border-bottom-width:0;padding:14px 18px;transition:.15s}
.ficheiro:last-of-type{border-bottom-width:2px}
.ficheiro:hover{background:var(--papel-nota);transform:translateX(6px)}
.ficheiro .icone{width:52px;height:52px;display:grid;place-content:center;font-size:1.4rem;
  background:color-mix(in srgb,var(--cor,#999) 22%,#fff);border:2px solid var(--tinta)}
.ficheiro h3{font-size:1rem}
.ficheiro .detalhe{font-size:.8rem;color:var(--suave)}
.ficheiro .lado{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.vazio{padding:30px;text-align:center;color:var(--suave);border:2px dashed var(--linha);background:#fff}

/* ══════════ trabalhos ══════════ */
.trabalhos-grelha{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:start}
.prazo{background:var(--quadro);color:var(--giz);border:10px solid #241d15;padding:30px;position:relative;overflow:hidden}
.prazo .rotulo{font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--marcador);font-weight:700}
.prazo h3{font-size:1.6rem;margin:.3em 0 .1em}
.prazo .limite{color:rgba(243,238,222,.75);font-size:.9rem}
.contador{display:flex;gap:10px;margin:22px 0}
.contador div{background:rgba(243,238,222,.08);border:1px solid rgba(243,238,222,.25);padding:12px 0;flex:1;text-align:center}
.contador b{display:block;font-family:var(--display);font-weight:900;font-size:2rem;color:var(--marcador)}
.contador span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,238,222,.7)}
.trabalho-item{display:flex;gap:14px;align-items:center;background:#fff;border:2px solid var(--tinta);
  padding:14px 16px;margin-bottom:12px;box-shadow:var(--sombra-mini);transition:.18s}
.trabalho-item:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(29,42,36,.85)}
.trabalho-item .info{flex:1}
.trabalho-item h3{font-size:1rem}
.trabalho-item small{color:var(--suave)}

/* ══════════ formulários / contacto ══════════ */
.contacto-grelha{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}
form.cartao,.cartao{background:#fff;border:2px solid var(--tinta);box-shadow:var(--sombra);padding:28px}
.campo{margin-bottom:18px}
.campo label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.campo input,.campo select,.campo textarea{width:100%;font-family:var(--corpo);font-size:.98rem;
  border:2px solid var(--tinta);background:var(--papel-nota);padding:11px 14px}
.campo textarea{min-height:130px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:3px solid var(--marcador-claro)}
.info-cartao{display:flex;gap:14px;background:#fff;border:2px solid var(--tinta);padding:16px;margin-bottom:14px;
  box-shadow:var(--sombra-mini);transition:.18s}
.info-cartao:hover{transform:translate(-2px,-2px)}
.info-cartao .ico{font-size:1.5rem}
.info-cartao h3{font-size:.98rem}
.info-cartao p{font-size:.86rem;color:var(--suave)}

/* ══════════ painéis / tabelas ══════════ */
.tabela{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--tinta)}
.tabela th{font-family:var(--display);text-align:left;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  background:var(--papel2);border-bottom:2px solid var(--tinta);padding:10px 14px}
.tabela td{padding:11px 14px;border-bottom:1px dotted var(--linha);font-size:.92rem;vertical-align:middle}
.tabela tr:hover td{background:var(--papel-nota)}
.painel-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.painel-cartao{background:#fff;border:2px solid var(--tinta);box-shadow:var(--sombra-mini);padding:20px;
  text-decoration:none;color:var(--tinta);transition:.18s}
.painel-cartao:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 rgba(29,42,36,.85)}
.painel-cartao b{display:block;font-family:var(--display);font-size:2rem;color:var(--quadro)}
.painel-cartao span{font-size:.85rem;color:var(--suave)}

/* flash + toast */
.flash{max-width:1180px;margin:14px auto 0;padding:12px 18px;border:2px solid var(--tinta);font-weight:600;box-shadow:var(--sombra-mini)}
.flash-ok{background:#dff0e2}.flash-erro{background:#f9ded9}
#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,140%);background:var(--tinta);color:var(--giz);
  padding:13px 24px;font-weight:600;border:2px solid var(--giz);box-shadow:var(--sombra);transition:transform .35s;z-index:99}
#toast.mostra{transform:translate(-50%,0)}

/* ══════════ rodapé ══════════ */
.rodape{background:var(--quadro2);color:var(--giz);margin-top:60px;border-top:10px solid #241d15}
.rodape .envolve{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;padding-block:54px}
.rodape h3{color:var(--marcador);font-size:1rem;margin-bottom:10px}
.rodape a{color:var(--giz);text-decoration:none;display:block;padding:3px 0;font-size:.92rem}
.rodape a:hover{color:var(--marcador)}
.rodape .base{border-top:1px solid rgba(243,238,222,.2);padding:16px 0;font-size:.8rem;color:rgba(243,238,222,.65);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* revelação ao rolar */
.revela{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.revela.visivel{opacity:1;transform:none}

/* ══════════ responsivo ══════════ */
@media(max-width:960px){
  .quadro-grelha,.trabalhos-grelha,.contacto-grelha{grid-template-columns:1fr}
  .rodape .envolve{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .nav{position:absolute;top:100%;left:0;right:0;background:var(--papel);flex-direction:column;
    border-bottom:2px solid var(--tinta);padding:14px;display:none}
  .nav.aberto{display:flex}
  .menu-btn{display:block}
  .ficheiro{grid-template-columns:44px 1fr;grid-auto-rows:auto}
  .ficheiro .lado{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .conta{min-width:46%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.topo,.ticker,.bt,.rodape{display:none}}

@media print {
  .topo, .barra-data, .abas, .sec-cab .bt, details.modulo, #formNotas > div:last-child,
  .rodape, .flash, #toast, .menu-btn { display: none !important; }
  body { background: #fff; font-size: 11pt; }
  table.tabela { font-size: 10pt; }
  table.tabela th, table.tabela td { border: 1px solid #000 !important; padding: 4px !important; }
  table.tabela input { border: 0; padding: 0; text-align: center; }
  @page { size: landscape; margin: 1cm; }
}

/* ═══════════════════════════════════════════════════
   GOOGLE TRANSLATE — ESCONDER COMPLETAMENTE
   ═══════════════════════════════════════════════════ */

/* Barra superior do Google (azul) */
.goog-te-banner-frame,
.skiptranslate,
.goog-te-balloon-bar,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

body { top: 0 !important; }

/* Esconder o dropdown feio do Google */
#google_translate_element,
.goog-te-gadget,
.goog-te-gadget > span,
.goog-te-combo {
    display: none !important;
}

/* Não sublinhar textos traduzidos */
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════
   SELETOR DE IDIOMA PERSONALIZADO
   ═══════════════════════════════════════════════════ */

.tradutor-container {
    position: relative;
    display: inline-block;
    z-index: 1000;
}

.tradutor-btn {
    background: none;
    border: 2px solid var(--tinta);
    color: var(--tinta);
    padding: 6px 14px;
    border-radius: 6px;
    font-size: .88rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    transition: all .2s;
}

.tradutor-btn:hover {
    background: var(--papel-nota);
    transform: translateY(-1px);
}

.tradutor-btn .bandeira-ativa {
    font-size: 1.15rem;
    line-height: 1;
}

.tradutor-btn .seta {
    font-size: .7rem;
    transition: transform .2s;
}

.tradutor-container.aberto .tradutor-btn .seta {
    transform: rotate(180deg);
}

/* Dropdown personalizado */
.tradutor-menu {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: #fff;
    border: 2px solid var(--tinta);
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);
    min-width: 180px;
    padding: 6px 0;
    z-index: 9999;
    animation: fadeIn .2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.tradutor-container.aberto .tradutor-menu {
    display: block;
}

.tradutor-menu button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 14px;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    font-size: .9rem;
    color: var(--tinta);
    transition: background .15s;
}

.tradutor-menu button:hover {
    background: var(--papel-nota);
}

.tradutor-menu button.ativo {
    background: var(--papel-nota);
    font-weight: 700;
    border-left: 3px solid var(--marcador);
}

.tradutor-menu button .bandeira {
    font-size: 1.25rem;
    line-height: 1;
    flex-shrink: 0;
}

.tradutor-menu button .nome-idioma {
    flex: 1;
    font-weight: 600;
}

.tradutor-menu button .check {
    color: #10b981;
    font-weight: 700;
    opacity: 0;
}

.tradutor-menu button.ativo .check {
    opacity: 1;
}

/* Responsivo */
@media (max-width: 600px) {
    .tradutor-menu {
        right: auto;
        left: 0;
    }
}

.nav a.nav-apps {
  background: linear-gradient(135deg, #2f6fae, #8b5cf6);
  color: #fff !important;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
}

/* ═══════════════════════════════════════════════════════════
   📱 CORREÇÃO MOBILE / RESPONSIVIDADE (TELEMÓVEL)
   ═══════════════════════════════════════════════════════════ */

/* 1. Garantir que nada ultrapassa a largura do ecrã */
* {
    box-sizing: border-box;
    -webkit-tações: transparent;
}

html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
}

/* 2. Ajustes específicos para ecrãs até 768px (Telemóveis e Tablets pequenos) */