:root {
    --color-fondo: #F9F5EB;
    --color-fondo-secundario: #43236C;
    --color-principal: #1D1D1B;
    --color-secundario: #292258;
    --color-destacado: #43236C;
}

.color-fondo            {   background-color: var(--color-fondo);               }
.color-fondo-secundario {   background-color: var(--color-fondo-secundario);    }
.color-principal        {   background-color: var(--color-principal);           }
.color-secundario       {   background-color: var(--color-secundario);          }
.color-destacado        {   background-color: var(--color-destacado);           }

body {
    font-family: 'Raleway', sans-serif;
    background-color: var(--color-fondo);
    color: var(--color-fondo-principal);
}

.navbar .navbar-nav .navbar-item{
    font-size: 18px;
    font-weight: 400;
}

footer{
    margin-top: 100px;
}

hr{
    color: rebeccapurple;
}

.navbar-brand {
    padding-top: 5%;
    padding-bottom: 0!important;
}

.focus-ring.focus-ring-primary:hover, .focus-ring.focus-ring-primary:active {
    background-color: #4d8b2f!important;
    color: white!important;
}

.bs-icon-xl.bs-icon-circle.bs-icon-primary.bs-icon {
    border-radius: 50%;
    color: white;
    background: #4d8b2f;
    --bs-icon-size: 2.5rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    margin: 0!important;
    padding: 0!important;
}

/* DM Mono Font Classes */
.dm-mono-light {
    font-family: "DM Mono", monospace;
    font-weight: 300;
    font-style: normal;
}

.dm-mono-regular {
    font-family: "DM Mono", monospace;
    font-weight: 400;
    font-style: normal;
}

.dm-mono-medium {
    font-family: "DM Mono", monospace;
    font-weight: 500;
    font-style: normal;
}

.dm-mono-light-italic {
    font-family: "DM Mono", monospace;
    font-weight: 300;
    font-style: italic;
}

.dm-mono-regular-italic {
    font-family: "DM Mono", monospace;
    font-weight: 400;
    font-style: italic;
}

.dm-mono-medium-italic {
    font-family: "DM Mono", monospace;
    font-weight: 500;
    font-style: italic;
}

/* Asap Condensed Font Classes */
.asap-condensed-extralight {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.asap-condensed-light {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.asap-condensed-regular {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.asap-condensed-medium {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.asap-condensed-semibold {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.asap-condensed-bold{
    font-family: "Asap Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.asap-condensed-extrabold {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.asap-condensed-black {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 900;
    font-style: normal;
}

/* Playfair Display SC Font Classes */
.playfair-display-sc-regular {
    font-family: "Playfair Display SC", serif;
    font-weight: 400;
    font-style: normal;
}

.playfair-display-sc-bold {
    font-family: "Playfair Display SC", serif;
    font-weight: 700;
    font-style: normal;
}

.playfair-display-sc-black {
    font-family: "Playfair Display SC", serif;
    font-weight: 900;
    font-style: normal;
}

.playfair-display-sc-regular-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 400;
    font-style: italic;
}

.playfair-display-sc-bold-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 700;
    font-style: italic;
}

.playfair-display-sc-black-italic {
    font-family: "Playfair Display SC", serif;
    font-weight: 900;
    font-style: italic;
} 


#tres-cuadrados {
    margin-top: 1.5px; 
    margin-bottom: 8rem;
}