/*----------------- Textos ---------------*/


.titles {
    margin-top: var(--padding-large);
    text-align: center;
}

.title-page {
    font-size: var(--font-size-title) !important;
    font-weight: bold !important;
}

.subtitle-page {
    font-size: var(--font-size-sub-title)!important;
    font-weight: bold !important;
}

.simple-text {
    font-size: var(--font-size-default);
    text-align: justify;
    line-height: var(--font-line-height);
    
}

.color-font-bg-dark {
    color: var(--color-text-light) !important;
}

.color-font-bg-light {
    color: var(--color-text-dark) !important;
}


/*----------------- CT-Erawan ---------------*/
.ct-erawan {
    background-color: var(--color-bg-light) !important;
    padding-top: var(--padding-large);
    padding-bottom: var(--padding-large);
}
.ct-erawan>div {
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding: var(--padding-large);
}

.apresentacao-mestre {
    background-color: var(--color-bg-light) !important;
    border-radius: var(--border-radius-medium);
    border: var(--border-color) 1px solid;
    padding: var(--padding-large);
}

.apresentacao-mestre> p{
    color: var(--color-text-medium) !important;
}

.apresentacao-mestre a {
    text-decoration: none;
    color: #252525;
    background-color: #F2D541;
    padding: .5rem;
    border: #f2f2f2 1px solid;
    border-radius: 5px;
}

.linha-apresentacao {
    color: var(--color-text-medium);
}

.accordion-button {
    background-color: var(--color-bg-light) !important;
    color: var(--color-text-medium) !important;
}

.accordion {
    --bs-accordion-bg: var(--color-bg-light) !important;
    --bs-accordion-color: var(--color-text-medium) !important;
}

.button-custom {
    margin-top: var(--padding-small);
    background-color: var(--color-bg-yellow);
    color: var(--color-text-dark);
    padding: var(--padding-small) var(--padding-large) var(--padding-small) var(--padding-large);
    border-radius: var(--border-radius-small);
    border: 0;
    text-decoration: none;
}

.button-custom-orgs{
    background-color: var(--color-bg-yellow) !important;
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
    border-radius: 5px;
}




/* INDEX - BUNNER AULA EXPERIMENTAL*/

.bunner {
    padding-top: var(--padding-large);
    height: auto;
    min-height: 35vh;
    background-color: var(--color-bg-yellow) !important;
}


.bunner>div {
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;

    
}

.button-custom-bunner {
    background-color: var(--color-bg-dark);
    color: var(--color-bg-light);
    padding: var(--padding-medium);
    border-radius: var(--border-radius-small);
    text-decoration: none;
    
}

.text-bunner {
    margin-top: var(--padding-large);
    margin-bottom: var(--padding-large);
}

/* Fotos */

.fotos {
    padding: var(--padding-xlarge);
    background-color: var(--color-bg-light);
}
.fotos>div {
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}

/* Contato*/
.testimonial-section {
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.7)), url('../assets/ct-imagens/WhatsApp\ Image\ 2025-06-25\ at\ 16.30.03.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--color-bg-light);  padding: 80px 0;
    text-align: center;
    position: relative;
}


.testimonial-section::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    /* background: #181818; */
}
.testimonial-section .container {
    position: relative;
    z-index: 2;
}
.testimonial {
    background: var(--color-bg-yellow);
    color: black;
    border-radius: var(--border-radius-large);
    padding: 20px;
    text-align: center;
    position: relative;
    margin-top: 50px;
}
.testimonial img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid var(--color-bg-yellow);
}
.testimonial h5 {
    color: var(--color-text-dark);
    font-weight: bold;
    margin-top: 50px;
}
.quote-icon {
    font-size: 1rem;
    color: var(--color-text-medium);
}
/* Contato*/
.map-container{
    display: flex; 
    justify-content: center; 
    background-color: var(--color-bg-dark);
    padding: 20px;
    margin-top: 1.8rem;
}
.contato {
    padding: var(--padding-large);
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
}

/* -------- FORMULARIO----------*/
.form-container {
    
    align-self: center;
    padding: 20px 30px;
    width: 100%;
    max-width: 60%px;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    font-size: 14px;
    margin-bottom: 5px;
    color: #f2f2f2;
}

input, textarea {
    border: none;
    padding: 10px;
    font-size: 14px;
    color: #252525;
    margin-bottom: 15px;
    outline: none;
    background-color: #f2f2f2;
    transition: border-color 0.3s ease;
}

input, textarea {
    border-bottom: 1px solid #252525;
    
}

input:focus, textarea:focus {
    border-color: #F2D541;
}


.alert, .alert-success {
    background-color: #0D2E32;
    color: #f2f2f2;
    border-radius: 8px;
    padding: 10px;
    font-size: 1rem;
    text-align: center;
}

.btn-custom {
    margin-top: .5rem;
    background-color: #F2D541;
    color: #252525;
    padding: .5rem;
    border-radius: 8px;
    border: 0;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.associacao>div>div>.card {
    background-color: var(--color-bg-light) !important;
}


@media (max-width: 550px) {
    .bunner {
        min-height: 45vh;
    }
    .map-container, .form-container {
        padding: 0;
    }
}