/* ESTILOS METIDOS POR SAO */

:root {
    --green-color: #5b875d;
    --h1-title: 3rem;
    --h2-title: 2rem;
    --h3-title: 1.5rem;
}

.w-50 {
    width: 50%;
    display: block;
}

.h-100 {
    height: 100%;
}

.h2-title {
    color: var(--green-color); 
    font-size: var(--h2-title); 
    line-height: 1.2; 
    margin: 0px 0 65px; 
    text-align: center; 
    text-shadow: 1px 1px 1px #333;
}

.h1-title {
    color: var(--green-color); 
    font-size: var(--h1-title); 
    line-height: 1.2; 
    margin: 0px 0 65px; 
    text-align: center; 
    text-shadow: 1px 1px 1px #333;
}

.text-center {
    text-align: center;
}

.mb-0 {
    margin-bottom: 0!important;
}

.h1-title.w-50.mb-0, 
.h2-title.w-50.mb-0 {
    margin: 0 auto!important;
}

.h1-title.w-50, 
.h2-title.w-50 {
    margin: 0 auto 65px!important;
}

.h3-title {
    color: var(--green-color); 
    text-align: left; 
    text-shadow: none; 
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    font-size: var(--h3-title);
}

.h3-title span {
    font-size: 15px; 
    color: #000;
}

.green-text {
    color: var(--green-color);
}

.custom-list {
    list-style-type: disc;
    padding-left: 20px;
}

.custom-list li {
    margin-bottom: 10px;
}

.image-container {
    position: relative;
}

.image-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 100%);
}

.titulo-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--green-color); 
    font-size: var(--h1-title); 
    line-height: 1.2; 
    font-weight: 700;
    margin: 0px 0 65px; 
    text-align: center; 
    text-shadow: 2px 2px 2px #333;
    z-index: 100;
}

.d-flex {
    display: flex;
}

.my-auto {
    margin: 0 auto;
}

.m-auto {
    margin: auto;
}

.error-404 h1 {
    color: var(--green-color); 
    font-size: var(--h1-title); 
    line-height: 1.2; 
    margin: 0px; 
    text-align: center; 
    text-shadow: 1px 1px 1px #333; 
}