/* Google Fonts Import */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* Setting base font size */
html {
font-size: 100%; /* Typically equals 16px */
}

/* Resetting margin, padding, and box-sizing for all elements for consistency  */
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}  

/* Body and Font Styles */
body {
font-family: 'Poppins', sans-serif;
line-height: 1.6;
color: #000000;
}

/* Image Styles */
.large-image {
max-width: 100%;  /* Full width on smaller screens */
max-height: 62.5rem; /* 1000px when 1rem = 16px */
height: auto; /* Maintain aspect ratio */
box-shadow: 10px 10px 5px #888888; /* Shadow for aesthetics */
display: block;
margin: 1.25rem auto; /* Centering the image with margin */
}

.small-image {
max-width: 100%; /* Makes the image responsive */
max-height: 20.8125rem; /* 333px when 1rem = 16px */
height: auto; /* Keeps the image's aspect ratio intact */
box-shadow: 10px 10px 5px #888888; /* Shadow effect */
display: block;
margin: 1.25rem auto; /* Centering image and providing vertical space */
}
.logo-marca {  /* Small square image*/
max-width: 100%; /* Makes the image responsive */
max-height: 6.25rem; /* 100px when 1rem = 16px */
height: auto; /* Keeps the image's aspect ratio intact */
display: block;
margin: 1.25rem auto; /* Centering image and providing vertical space */
}

/* Article and Sections */
article {
max-width: 50rem; /* 800px when 1rem = 16px */
margin: 1.25rem auto; /* Centering the article and adding vertical spacing */
padding: 1.25rem; /* Padding inside the article for spacing */
}

/* Header and Text Elements */
header, section {
margin-bottom: 1.25rem; /* Adding space below each section and header */
}

h1, h2, h3, p, li {
text-align: justify;  /* Justifying text for a cleaner look */
}

h1 {
font-size: 2.5rem; /* Responsive font size for H1 */
font-weight: bold;
color: #000000;
}

h2, h3 {
font-size: 1.5rem; /* Responsive font size for H2 and H3 */
font-weight: bold;
color: #000000;
}

p 
{
font-size: 1rem; /* Responsive font size for paragraphs */
color: #000000;
}

ul, li {
    font-size: 1rem; /* Ajusta o tamanho da fonte para listas */
    line-height: 1.8rem; /* Mantém uma boa altura de linha */
    margin-left: 2rem; /* Espaço à esquerda para recuo da lista */
}

ul {
    list-style-type: disc; /* Pode ser 'circle', 'square', etc. */
}

/* Estilo para centralizar o texto dentro do tbody */
table tbody td {
    text-align: center; /* Centraliza horizontalmente o texto */
    vertical-align: middle; /* Centraliza verticalmente o texto */
}

/* Estilo opcional para a tabela em geral */
table {
    width: 100%; /* Faz a tabela ocupar 100% do espaço disponível */
    border-collapse: collapse; /* Remove espaços entre as células */
    margin: 1.25rem auto; /* Centraliza a tabela na página */
}

table th, table td {
    border: 1px solid #000; /* Adiciona bordas às células */
    padding: 0.625rem; /* Espaçamento interno das células */
    text-align: center; /* Centraliza o texto */
}