/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * ==========================================================
 * REGRAS DE ESTILO PADRÃO (DESKTOP E ECRÃS GRANDES)
 * Define a aparência base para fontes, cores e tamanhos.
 * ==========================================================
 */
.fonte span, .fonte strong, .fonte ul li, .fonte p {
    /* Define a família de fonte 'Montserrat' e cor branca */
    font-family: 'Montserrat',sans-serif!important;
    color:#FFFFFF;
    /* Tamanho de fonte padrão para corpo de texto (20px) */
    font-size: 16px!important;
    line-height: 28px;
}

.fonte h2{
    /* Mantém família e cor */
    font-family: 'Montserrat',sans-serif!important;
    color:#FFFFFF!important;
    /* Tamanho de fonte padrão para H2 (30px) */
    font-size: 20px!important;
}

.fonte h3{
    /* Mantém família e cor */
    font-family: 'Montserrat',sans-serif!important;
    color:#FFFFFF!important;
    /* Tamanho de fonte padrão para H3 (25px) */
    font-size: 25px!important;
}


/*
 * ==========================================================
 * MEDIA QUERIES (ADAPTABILIDADE)
 * Regras aplicadas para otimizar a visualização em dispositivos móveis.
 * ==========================================================
 */

/*
 * ----------------------------------------------------------
 * 1. Tablets e Ecrãs Médios (Máximo 768px de largura)
 * Ajuste suave do tamanho da fonte para telas de tablets.
 * ----------------------------------------------------------
 */
@media (max-width: 768px) {
    /* Elementos de texto gerais: Reduz de 20px para 18px */
    .fonte span, .fonte strong, .fonte ul li, .fonte p {
        font-size: 18px !important;
    }

    /* Título H2: Reduz de 30px para 26px */
    .fonte h2 {
        font-size: 26px !important;
    }

    /* Título H3: Reduz de 25px para 22px */
    .fonte h3 {
        font-size: 22px !important;
    }
}

/*
 * ----------------------------------------------------------
 * 2. Smartphones e Ecrãs Pequenos (Máximo 576px de largura)
 * Ajuste maior para garantir legibilidade em telemóveis.
 * ----------------------------------------------------------
 */
@media (max-width: 576px) {
    /* Elementos de texto gerais: Reduz de 18px para 16px */
    .fonte span, .fonte strong, .fonte ul li, .fonte p {
        font-size: 16px !important;
    }

    /* Título H2: Reduz de 26px para 22px */
    .fonte h2 {
        font-size: 22px !important;
    }

    /* Título H3: Reduz de 22px para 18px */
    .fonte h3 {
        font-size: 18px !important;
    }
}