* {
    font-family: "Chillax", "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

:root {
    --primary-color: #31B300 ;
    --primary-color-dark: #1A5105;
    --secondary-color: #023B6E;
    --secondary-color-dark: #03213b;
    --white: #fff;
    --gray: rgb(209 219 212);
    --black: #01080c;
    --light-gray: #f0f1ed;
    --bs-body-bg: #ecf8fc;
    --info: #C078B2;
    --active-color: #31B300;
    /* --active-color: #dbb424; */
    --dark-primary-color: #83181b;
    --light-primary-color: #dc353b;
    --accent-color: #A5C8FF;
    --disable-primary-color: #5da0a0;
    --disable-secondary-color: #d8d9da;
    --black-transparency: #e7e7e7;
    --light-line: #cedbe6;
    --warning: #FF871E;
    --error: #AE013C;
    --error-line: #f7bdbd;
    --success: #1ebf46;
    --success-line: rgb(202, 255, 202);
    --brand-primary-color-one: #A34297;
    --brand-primary-color-two: #80FF00;
    --brand-secondary-color-one: rgb(1,161,154);
    --brand-secondary-color-two: rgb(73,157,68);
    --brand-secondary-color-three: rgb(28,117,188);
    --brand-secondary-color-four: rgb(234,184,15);
    --brand-secondary-color-five: rgb(203,80,21);
    --brand-secondary-color-six: rgb(88,37,127);
}




/*

#7846A0
#4A358D
#FFC31E
#A5C8FF
#FF871E
#C6BEFD
#7FCD31

*/

body {
    margin: 0;
    background-color: rgb(243,246,244);
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2)), url('./../images/dominicania/header/Textura-fondeo-Central.png');
    background-repeat: repeat;
    background-size: auto;
}

body > .wrapper {
    margin-top: 250px;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: inherit;
}

main {
    padding: 12px 36px;
}
    

main .content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 4rem 0 2rem 0;
    max-width: 1000px;
    margin: 0 auto;
}


.underline {
    text-decoration: underline;
}

.underline:hover {
    cursor: pointer;
    text-decoration: underline;
}

.btn-info {
    color: white;
    font-size: 24px;
}

.btn.btn-info[disabled] {
    color: white;
}



@media (max-width: 992px) {
    main {
        padding: 6px 24px;
    }
    
    main .content {
        margin-top: 60px;
    }

    body > .wrapper {
        margin-top: 200px;
    }
}

@media only screen and (max-width: 600px) {
    body > .wrapper {
        margin-top: 150px;
    }
}

.btn.btn-default.close {
    font-size: 2rem;
    color: #FFF;
}

.text-primary {
    color: var(--primary-color) !important;
}