/* *****************FONT - POPPINS******************* */
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* ======= POPPINS ======= */
.poppinsRegular {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: normal;
}

.poppinsThin {
    font-family: 'Poppins';
    font-weight: 100;
    font-style: normal;
}

.poppinsThinItalic {
    font-family: 'Poppins';
    font-weight: 100;
    font-style: italic;
}

.poppinsExtraLight {
    font-family: 'Poppins';
    font-weight: 200;
    font-style: normal;
}

.poppinsExtraLightItalic {
    font-family: 'Poppins';
    font-weight: 200;
    font-style: italic;
}

.poppinsLight {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: normal;
}

.poppinsLightItalic {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: italic;
}

.poppinsItalic {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: italic;
}

.poppinsMedium {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
}

.poppinsMediumItalic {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: italic;
}

.poppinsSemiBold {
    font-family: 'Poppins';
    font-weight: 600;
    font-style: normal;
}

.poppinsSemiBoldItalic {
    font-family: 'Poppins';
    font-weight: 600;
    font-style: italic;
}

.poppinsBold {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
}

.poppinsBoldItalic {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: italic;
}

.poppinsExtraBold {
    font-family: 'Poppins';
    font-weight: 800;
    font-style: normal;
}

.poppinsExtraBoldItalic {
    font-family: 'Poppins';
    font-weight: 800;
    font-style: italic;
}

.poppinsBlack {
    font-family: 'Poppins';
    font-weight: 900;
    font-style: normal;
}

.poppinsBlackItalic {
    font-family: 'Poppins';
    font-weight: 900;
    font-style: italic;
}

/* ********************************************************************************************** */
/* NAVABAR */
.navText {
    color: #1C1C1C;
}

.navText:hover {
    color: #0061AE;
}

/* IMAGE BACKGORUNDS */
.bgHero {
    background: url("/images/montLuz.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bgCal {
    background:
        linear-gradient(rgba(0, 97, 174, 0.6), rgba(0, 97, 174, 0.6)),
        url("/images/ocean.webp");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.bgMeet {
    background: url("/images/montana.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bgAllies {
    background: url("/images/aliados.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* COLOR BACKGROUNDS */
.blueBG {
    background-color: #0061AE;
}

.lightBlueBG {
    background-color: #4997D0;
}

.greenBG {
    background-color: #1CB438;
}

.grayBG {
    background-color: #E9E9E9;
}

/* BOTONS */
.btnBlue {
    background-color: #0061AE;
}

.btnBlue:hover {
    background-color: #0061AE;
}

.btnBG {
    background: url("/images/blueBtnBG.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.darkGrayText{
    color: #1F1F1F;
}
.blueText {
    color: #0061AE;
}
.lightBlue {
    color: #2693E9;
}

/*  TEXT COLORS BORDER */

.catTextBlueBorder {
    color: #FFFFFF;
    /* Color del texto */
    text-shadow:
        -2px -2px 0 #0061AE,
        2px -2px 0 #0061AE,
        -2px 2px 0 #0061AE,
        2px 2px 0 #0061AE;
}

.calendarTextLightBlueBorder {
    color: #FFFFFF;
    /* Color del texto */
    text-shadow:
        -2px -2px 0 #2693E9,
        2px -2px 0 #2693E9,
        -2px 2px 0 #2693E9,
        2px 2px 0 #2693E9;
}