:root { 
    --color-cor-1: #121212;
    --color-cor-2: #ffffff;
    --color-cor-3: #CC363B;
    --color-cor-4: #262626;
    --color-cor-5: #383838;
    --color-cor-6: #2a2a2a;
    --color-cor-7: #b91c1c;
    --color-cor-8: #d1d5db;
    --color-cor-9: #3f3f46;
    --color-cor-10: #dc2626;
    --color-cor-11: #52525b;    
}

.container {
    max-width: 1200px !important;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 15px !important;
    box-sizing: border-box;
}

.color-cor-1 { color: var(--color-cor-1); }
.color-cor-2 { color: var(--color-cor-2); }
.color-cor-3 { color: var(--color-cor-3); }
.color-cor-4 { color: var(--color-cor-4); }
.color-cor-5 { color: var(--color-cor-5); }
.color-cor-6 { color: var(--color-cor-6); }
.color-cor-7 { color: var(--color-cor-7); }
.color-cor-8 { color: var(--color-cor-8); }
.color-cor-9 { color: var(--color-cor-9); }
.color-cor-10 { color: var(--color-cor-10); }
.color-cor-11 { color: var(--color-cor-11); }

.title-h1 { font-size: 62px; }
.title-h2 { font-size: 54px; }
.title-h3 { font-size: 46px; }
.title-h4 { font-size: 40px; }
.title-h5 { font-size: 34px; }
.title-h6 { font-size: 28px; }
.title-h7 { font-size: 24px; }
.title-h8 { font-size: 22px; }
.title-h9 { font-size: 20px; }
.title-h10 { font-size: 18px; }
.title-h11 { font-size: 16px; }
.title-h12 { font-size: 14px; }

[class^="title-h"],[class*="title-h"] {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 140%;
}

.text-p { font-size: 16px;}
.text-p2 { font-size: 15px; }
.text-p3 { font-size: 14px; }
.text-p4 { font-size: 13px; }
.text-p5 { font-size: 12px; }
.text-p6 { font-size: 11px; }
.text-p7 { font-size: 10px; }
.text-p8 { font-size: 9px; }

[class^="text-p"] {
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    line-height: 140%;
}

::marker {
    content: "";
    display: none !important;
}

.btn-btn-1, 
.btn-btn-2, 
.btn-btn-3, 
.btn-btn-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: 0.2s all linear;
    font-weight: 700;
}
.btn-btn-1 {
    background: var(--color-cor-4);
    color: var(--color-cor-2);
    border-radius: 30px;
    padding: 15px 24px;
}
.btn-btn-1:hover,
.btn-btn-1.active {
    background: var(--color-cor-3);
}

.btn-btn-2 {
    background: var(--color-cor-3);
    color: var(--color-cor-2);
    border-radius: 30px;
    padding: 15px 24px;
}
.btn-btn-2:hover,
.btn-btn-2.active {
    background: var(--color-cor-7);
}