/*
Theme Name: DUIT LP Canvas (Footer Widgets)
Theme URI: https://duit.pt
Author: DUIT
Author URI: https://duit.pt
Description: Tema ultra limpo para Landing Pages — sem header, com footer widgetizável. Ideal para Elementor ou páginas customizadas.
Version: 1.0.0
Text Domain: duit-lp-canvas-footer
License: GPLv2 or later
Tags: landing-page, minimal, elementor, blank, footer-widgets
*/
:root { --container-max: 1200px; }
html, body { margin:0; padding:0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height:1.5; }
main#site-main { display:block; min-height: 60vh; }
.footer-widgets { background: #000; color:#eee; padding: 30px 16px; text-align: center}
.footer-widgets .widget { max-width: var(--container-max); margin: 0 auto 24px; }
.footer-widgets a { color: #666; text-decoration: underline; }
.footer-widgets a:hover {opacity: 0.5}
.site-info { text-align:center; color:#aaa; font-size: 14px; padding: 16px; background:#0b0b0b; }
.container { max-width: var(--container-max); margin: 0 auto; padding: 0 16px; }
/* Elementor: stretch full width by default */
.elementor-section { max-width: none !important; }


/* quando o span tem background-image */
.aula-cat-icon.is-img{
  width:80px; height:80px;
  display:inline-block;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border-radius:999px;      /* se quiseres redondo */
  vertical-align:middle;
  margin-right:.5em;
}

/* opcional: alinhar o título ao centro da linha */
.aula-section-head{
  display:flex; align-items:center; gap:12px;
}
.aula-cat-title{ margin:0; line-height:1.1; }

.scroll-top-btn {
    position: fixed;
    right: 18px;
    bottom: 18px;

    width: 60px;
    height: 60px;

    background: #000; /* Bola preta */
    color: #fff;      /* Seta branca */
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 28px;
    font-weight: bold;
    text-decoration: none;

    cursor: pointer;

    /* Correções para mobile */
    z-index: 999999999 !important; /* Ultrapassa Elementor, header, footer, popups */
    pointer-events: auto !important;

    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease, transform .2s ease;
}

/* Mostrar após scroll */
.scroll-top-btn.show {
    opacity: 1;
    visibility: visible;
}

/* Hover no desktop */
@media (hover:hover) {
    .scroll-top-btn:hover {
        transform: scale(1.12);
    }
}

/* Versão mobile (maior e mais afastada das margens) */
@media (max-width: 767px) {
    .scroll-top-btn {
        width: 52px;
        height: 52px;
        right: 15px;
        bottom: 15px;
        font-size: 26px;
        background: yellow !important;
        color: #000 !important;
    }
}