@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('./btn-redes-sociales.css');
@import url('./navbar.css');
@import url('./sectionMain.css');
@import url('./sectionProyectos.css');
@import url('./sectionTestigos.css');
@import url('./sectionDescargar.css');
@import url('./sectionForm.css');
@import url('./sectionThanks.css');
@import url('./footer.css');
@import url('./pageProyectos.css');
:root {
    --color-one: #2ab9f6;
    --color-two: #1b2c38;
    --color-three: #aeffff;
    --color-four: #6cdcfb;
    --color-five: #fff;
    --color-six: #eae8f2;
    --color-seven: #30414e;
    --color-eight: #455764;
    --color-nine: #5a6c79;
    --color-ten: #6f818f;
    --color-placeholder: #6f818f;
    --color-select: #30414e;
    --color-after: #6f818f;


    --black: #000000;
    --black-light: #010002;
    --black-light-two: #2A2B2F;
    --black-light-three: #454F59;
    --console-red: #FD5D55;
    --console-yellow: #FFBF2F;
    --console-green: #27C93D;
    --console-white: #E9EEF2;
    --blue-tur: #326789;
    --blue-light: #5bb7b6;

    --color-gray: #D9D9D9;

    --font-courier: 'Courier Prime', monospace;
    --font-monserrat: 'Montserrat', sans-serif;
    --font-lato: 'Lato', sans-serif;
    --bg-linear1: radial-gradient(circle at 50% -20.71%, #bae0e6 0, #bbe0e9 6.25%, #bcdfeb 12.5%, #bedfed 18.75%, #c0deef 25%, #c3ddf0 31.25%, #c6dcf1 37.5%, #c9dbf2 43.75%, #cddaf2 50%, #d1d9f2 56.25%, #d5d8f1 62.5%, #d9d7f0 68.75%, #ddd6ee 75%, #e1d5ed 81.25%, #e4d4ea 87.5%, #e8d3e8 93.75%, #ebd2e5 100%);
    --bg-linear-color: linear-gradient(93deg, rgba(91, 183, 182, 1) 0%, rgba(254, 255, 214, 1) 100%);
    --bg-linear: no-repeat center url('../images/background/gradiente.jpg');
    --flag-language: url('../images/iconos/flag-mx.svg');
    --flag-languageHover: url('../images/iconos/down-icon-colorTwo-25.png');
    --mod-theme:url('../images/iconos/ligth-blue.svg');
}

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}

.body-bg {
    background-color: var(--color-two) !important;
}

body.body-pageProyects {
    background: var(--bg-linear);
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}

/*Boton primario*/
.btn-redondo {
    border-radius: 25px;
    border: 1px solid var(--color-six);
    background-color: var(--color-ten);
    padding-block: 9px;
    border: 1px solid var(--color-four);
    font-family: var(--font-courier);
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: var(--color-six);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.btn-redondo:hover {
    border: 1px solid var(--color-one);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}

.btn-redondo:active {
    border: 1px solid var(--color-one);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}

.btn-redondo:focus {
    border: 1px solid var(--color-four);
    background-color: var(--color-three);
    color: var(--color-two);
    text-decoration: none;
}

/*Boton secundario*/
.btn-redondo-sc {
    border-radius: 25px;
    border: 1px solid var(--color-six);
    background-color: transparent;
    padding-block: 9px;
    font-family: var(--font-courier);
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: var(--color-six);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.btn-redondo-sc:hover {
    border: 1px solid var(--color-four);
    background-color: var(--color-three);
    color: var(--color-two);
    text-decoration: none;
}

.btn-redondo-sc:active {
    border: 1px solid var(--color-four);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}

.btn-redondo-sc:focus {
    border: 1px solid var(--color-four);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}
/*Boton formualrio*/
.btn-send {
    border-radius: 25px;
    border: 6px double var(--color-six);
    background-color: var(--color-one);
    padding-block: 9px;
    font-family: var(--font-courier);
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: var(--color-two);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.btn-send:hover {
    border: 6px double var(--color-six);
    background-color: var(--color-ten);
    color: var(--color-six);
    text-decoration: none;
}

.btn-send:active {
    border: 6px double var(--color-six);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}

.btn-send:focus {
    border: 6px double var(--color-six);
    background-color: var(--color-one);
    color: var(--color-two);
    text-decoration: none;
}

.heightSections {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

img {
    vertical-align: middle
}