/*--------------------------------------------------------------
# Fuentes - tipografia 
--------------------------------------------------------------*/
@font-face {
    font-family: "Arboria-Bold";
    src: url('./fonts/Arboria-Bold.otf');
}

@font-face {
    font-family: "Arboria-Book";
    src: url('./fonts/Arboria-Book.otf');
}

@font-face {
    font-family: "Arboria-LightItalic";
    src: url('./fonts/Arboria-LightItalic.otf');
}

@font-face {
    font-family: "Arboria-Light";
    src: url('./fonts/Arboria-Light.otf');
}

@font-face {
    font-family: "Arboria-Medium";
    src: url('./fonts/Arboria-Medium.otf');
}

@font-face {
    font-family: "Arboria-BoldItalic";
    src: url('./fonts/Arboria-BoldItalic.otf');
}

/*--------------------------------------------------------------
# Paleta de colores
--------------------------------------------------------------*/
:root {
    --color-00809f: #00809f; /*DarkCyan*/
    --color-ec7137: #ec7137; /*Orange*/
    --color-d12e71: #d12e71; /*MediumVioletRed*/
    --color-ffa714: #ffa714; /*Yellow*/
    --color-ffcc3e: #ffcc3e; /*Yellow Light*/
    --color-4c968c: #4c968c; /*CadetBlue*/
    --color-86b85d: #86b85d; /*DarkSeaGreen*/
    --color-48494a: #48494a; /*DarkSlateGray*/
    --color-828282: #828282; /*Gray*/
    --color-0080bb: #0080bb; /*Blue*/
    --color-e9540d: #e9540d; /*OrangeRed*/
    --color-aa5180: #aa5180; /*PaleVioletRed*/
    --color-8dc6e8: #8dc6e8; /*SkyBlue*/
    --color-e4e4e4: #e4e4e4; /*Gainsboro*/
    --color-007d9c: #007d9c; /*DarkCyan*/
    --color-cacfd2: #CACFD2; /*Gris oscuro*/
    --color-f7f8f8: #F7F8F8; /*Gris opaco*/
}

/*--------------------------------------------------------------
# Paleta de colores para regradados
--------------------------------------------------------------*/
:root {
    --color-b5e1dd: #b5e1dd; /*PowderBlue*/
    --color-a5d3db: #a5d3db; /*LightBlue*/
    --color-a2c9dc: #a2c9dc; /*LightShadeCyan*/
    --color-b4c5d8: #b4c5d8; /*LightSteelBlue*/
    --color-edb5cd: #edb5cd; /*LightPink*/
}

/*--------------------------------------------------------------
# Degradados
--------------------------------------------------------------*/
:root {
    --color-gradiente-01: linear-gradient(90deg, rgba(76, 182, 172, 0.8) 9%, rgba(40, 151, 166, 0.8) 24%, rgba(0, 133, 174, 0.8) 50%, rgba(233, 69, 129, 0.5) 100%);
}

/*--------------------------------------------------------------
# Colores del Layout
--------------------------------------------------------------*/
:root {
    --color_header: var(--color-00809f);
    --color_line: var(--color-828282);
    --color_line_navbar: var(--color-e4e4e4);
    --color-boton-ingresar: var(--color-007d9c);
}

/* Fonts */
.font-arboria-bold { font-family: Arboria-Bold !important; }
.font-arboria-book { font-family: Arboria-Book !important; }
.font-arboria-light-italic { font-family: Arboria-LightItalic !important; }
.font-arboria-light { font-family: Arboria-Light !important; }
.font-arboria-medium { font-family: Arboria-Medium !important; }

/*Para colores automaticos (Text colors)*/
.color-00809f { color: var(--color-00809f) !important; }
.color-ec7137 { color: var(--color-ec7137) !important; }
.color-d12e71 { color: var(--color-d12e71) !important; }
.color-ffa714 { color: var(--color-ffa714) !important; }
.color-ffcc3e { color: var(--color-ffcc3e) !important; }
.color-4c968c { color: var(--color-4c968c) !important; }
.color-86b85d { color: var(--color-86b85d) !important; }
.color-48494a { color: var(--color-48494a) !important; }
.color-828282 { color: var(--color-828282) !important; }
.color-0080bb { color: var(--color-0080bb) !important; }
.color-e9540d { color: var(--color-e9540d) !important; }
.color-aa5180 { color: var(--color-aa5180) !important; }
.color-8dc6e8 { color: var(--color-8dc6e8) !important; }
.color-e4e4e4 { color: var(--color-e4e4e4) !important; }
.color-007d9c { color: var(--color-007d9c) !important; }
.color-b5e1dd { color: var(--color-b5e1dd) !important; }
.color-a5d3db { color: var(--color-a5d3db) !important; }
.color-a2c9dc { color: var(--color-a2c9dc) !important; }
.color-b4c5d8 { color: var(--color-b4c5d8) !important; }
.color-edb5cd { color: var(--color-edb5cd) !important; }

.color-active-00809f:active { color: var(--color-00809f) !important; }
.color-active-ec7137:active { color: var(--color-ec7137) !important; }
.color-active-d12e71:active { color: var(--color-d12e71) !important; }
.color-active-ffa714:active { color: var(--color-ffa714) !important; }
.color-active-ffcc3e:active { color: var(--color-ffcc3e) !important; }
.color-active-4c968c:active { color: var(--color-4c968c) !important; }
.color-active-86b85d:active { color: var(--color-86b85d) !important; }
.color-active-48494a:active { color: var(--color-48494a) !important; }
.color-active-828282:active { color: var(--color-828282) !important; }
.color-active-0080bb:active { color: var(--color-0080bb) !important; }
.color-active-e9540d:active { color: var(--color-e9540d) !important; }
.color-active-aa5180:active { color: var(--color-aa5180) !important; }
.color-active-8dc6e8:active { color: var(--color-8dc6e8) !important; }
.color-active-e4e4e4:active { color: var(--color-e4e4e4) !important; }
.color-active-007d9c:active { color: var(--color-007d9c) !important; }
.color-active-b5e1dd:active { color: var(--color-b5e1dd) !important; }
.color-active-a5d3db:active { color: var(--color-a5d3db) !important; }
.color-active-a2c9dc:active { color: var(--color-a2c9dc) !important; }
.color-active-b4c5d8:active { color: var(--color-b4c5d8) !important; }
.color-active-edb5cd:active { color: var(--color-edb5cd) !important; }

.color-hover-00809f:hover { color: var(--color-00809f) !important; }
.color-hover-ec7137:hover { color: var(--color-ec7137) !important; }
.color-hover-d12e71:hover { color: var(--color-d12e71) !important; }
.color-hover-ffa714:hover { color: var(--color-ffa714) !important; }
.color-hover-ffcc3e:hover { color: var(--color-ffcc3e) !important; }
.color-hover-4c968c:hover { color: var(--color-4c968c) !important; }
.color-hover-86b85d:hover { color: var(--color-86b85d) !important; }
.color-hover-48494a:hover { color: var(--color-48494a) !important; }
.color-hover-828282:hover { color: var(--color-828282) !important; }
.color-hover-0080bb:hover { color: var(--color-0080bb) !important; }
.color-hover-e9540d:hover { color: var(--color-e9540d) !important; }
.color-hover-aa5180:hover { color: var(--color-aa5180) !important; }
.color-hover-8dc6e8:hover { color: var(--color-8dc6e8) !important; }
.color-hover-e4e4e4:hover { color: var(--color-e4e4e4) !important; }
.color-hover-007d9c:hover { color: var(--color-007d9c) !important; }
.color-hover-b5e1dd:hover { color: var(--color-b5e1dd) !important; }
.color-hover-a5d3db:hover { color: var(--color-a5d3db) !important; }
.color-hover-a2c9dc:hover { color: var(--color-a2c9dc) !important; }
.color-hover-b4c5d8:hover { color: var(--color-b4c5d8) !important; }
.color-hover-edb5cd:hover { color: var(--color-edb5cd) !important; }

/*Para colores automaticos (Background Colors)*/
.bg-00809f { background-color: var(--color-00809f) !important; }
.bg-ec7137 { background-color: var(--color-ec7137) !important; }
.bg-d12e71 { background-color: var(--color-d12e71) !important; }
.bg-ffa714 { background-color: var(--color-ffa714) !important; }
.bg-ffcc3e { background-color: var(--color-ffcc3e) !important; }
.bg-4c968c { background-color: var(--color-4c968c) !important; }
.bg-86b85d { background-color: var(--color-86b85d) !important; }
.bg-48494a { background-color: var(--color-48494a) !important; }
.bg-828282 { background-color: var(--color-828282) !important; }
.bg-0080bb { background-color: var(--color-0080bb) !important; }
.bg-e9540d { background-color: var(--color-e9540d) !important; }
.bg-aa5180 { background-color: var(--color-aa5180) !important; }
.bg-8dc6e8 { background-color: var(--color-8dc6e8) !important; }
.bg-e4e4e4 { background-color: var(--color-e4e4e4) !important; }
.bg-007d9c { background-color: var(--color-007d9c) !important; }
.bg-b5e1dd { background-color: var(--color-b5e1dd) !important; }
.bg-a5d3db { background-color: var(--color-a5d3db) !important; }
.bg-a2c9dc { background-color: var(--color-a2c9dc) !important; }
.bg-b4c5d8 { background-color: var(--color-b4c5d8) !important; }
.bg-edb5cd { background-color: var(--color-edb5cd) !important; }

/* Text Colors */
.color-primary-dark-cyan { color: var(--color-00809f) !important; }
.color-primary-orange { color: var(--color-ec7137) !important; }
.color-primary-medium-violet-red { color: var(--color-d12e71) !important; }
.color-primary-yellow { color: var(--color-ffa714) !important; }
.color-primary-yellow-light { color: var(--color-ffcc3e) !important; }
.color-primary-cadet-blue { color: var(--color-4c968c) !important; }
.color-primary-dark-sea-green { color: var(--color-86b85d) !important; }
.color-primary-dark-slate-gray { color: var(--color-48494a) !important; }
.color-primary-gray { color: var(--color-828282) !important; }
.color-primary-blue { color: var(--color-0080bb) !important; }
.color-primary-orange-red { color: var(--color-e9540d) !important; }
.color-primary-pale-violet-red { color: var(--color-aa5180) !important; }
.color-primary-sky-blue { color: var(--color-8dc6e8) !important; }
.color-primary-gainsboro { color: var(--color-e4e4e4) !important; }
.color-primary-dark-cyan { color: var(--color-007d9c) !important; }
.color-degraded-powder-blue { color: var(--color-b5e1dd) !important; }
.color-degraded-light-blue { color: var(--color-a5d3db) !important; }
.color-degraded-light-shade-cyan { color: var(--color-a2c9dc) !important; }
.color-degraded-light-steel-blue { color: var(--color-b4c5d8) !important; }
.color-degraded-light-pink { color: var(--color-edb5cd) !important; }

/* Background Colors */
.bg-primary-dark-cyan { background-color: var(--color-00809f) !important; }
.bg-primary-orange { background-color: var(--color-ec7137) !important; }
.bg-primary-medium-violet-red { background-color: var(--color-d12e71) !important; }
.bg-primary-yellow { background-color: var(--color-ffa714) !important; }
.bg-primary-yellow-light { background-color: var(--color-ffcc3e) !important; }
.bg-primary-cadet-blue { background-color: var(--color-4c968c) !important; }
.bg-primary-dark-sea-green { background-color: var(--color-86b85d) !important; }
.bg-primary-dark-slate-gray { background-color: var(--color-48494a) !important; }
.bg-primary-gray { background-color: var(--color-828282) !important; }
.bg-primary-blue { background-color: var(--color-0080bb) !important; }
.bg-primary-orange-red { background-color: var(--color-e9540d) !important; }
.bg-primary-pale-violet-red { background-color: var(--color-aa5180) !important; }
.bg-primary-sky-blue { background-color: var(--color-8dc6e8) !important; }
.bg-primary-gainsboro { background-color: var(--color-e4e4e4) !important; }
.bg-primary-dark-cyan { background-color: var(--color-007d9c) !important; }
.bg-degraded-powder-blue { background-color: var(--color-b5e1dd) !important; }
.bg-degraded-light-blue { background-color: var(--color-a5d3db) !important; }
.bg-degraded-light-shade-cyan { background-color: var(--color-a2c9dc) !important; }
.bg-degraded-light-steel-blue { background-color: var(--color-b4c5d8) !important; }
.bg-degraded-light-pink { background-color: var(--color-edb5cd) !important; }

/*Titulo Princial Landing Page*/
.titulo {
    text-align: center;
    font-family: Arboria-Bold;
    color: var(--color-00809f);
    padding-bottom: 65px;
}

.titulo-primary-yellow {
    text-align: center;
    font-family: Arboria-Bold;
    color: var(--color-ffa714);
    padding-bottom: 65px;
}

.titulo-primary-orange-red {
    text-align: center;
    font-family: Arboria-Bold;
    color: var(--color-e9540d);
    padding-bottom: 65px;
}

.titulo-primary-dark-sea-green {
    text-align: center;
    font-family: Arboria-Bold;
    color: var(--color-86b85d);
    padding-bottom: 65px;
}


@media (min-width: 1200px) and (max-width: 1520px) { /*X-Large*/
    .titulo {
        padding-bottom: 50px;
    }

    .titulo-primary-yellow {
        padding-bottom: 50px;
    }

    .titulo-primary-orange-red {
        padding-bottom: 50px;
    }

    .titulo-primary-dark-sea-green {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    .titulo {
        padding-bottom: 50px;
    }

    .titulo-primary-yellow {
        padding-bottom: 50px;
    }

    .titulo-primary-orange-red {
        padding-bottom: 50px;
    }

    .titulo-primary-dark-sea-green {
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /*Medium*/
    .titulo {
        padding-bottom: 40px;
    }

    .titulo-primary-yellow {
        padding-bottom: 40px;
    }

    .titulo-primary-orange-red {
        padding-bottom: 40px;
    }

    .titulo-primary-dark-sea-green {
        padding-bottom: 40px;
    }
}

@media (min-width: 576px) and (max-width: 768px) { /*Small*/
    .titulo {
        padding-bottom: 30px;
    }

    .titulo-primary-yellow {
        padding-bottom: 30px;
    }

    .titulo-primary-orange-red {
        padding-bottom: 30px;
    }

    .titulo-primary-dark-sea-green {
        padding-bottom: 30px;
    }
}

@media (max-width: 576px) { /*Extra small*/
    .titulo {
        padding-bottom: 30px;
    }

    .titulo-primary-yellow {
        padding-bottom: 30px;
    }

    .titulo-primary-orange-red {
        padding-bottom: 30px;
    }

    .titulo-primary-dark-sea-green {
        padding-bottom: 30px;
    }
}

@media (min-width: 375px) and (max-width: 576px) { /*Extra small*/

    .titulo {
        padding-bottom: 15px;
    }
}

/*Box Shadows compartidos*/
.btn-modal-shadow:active {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/*Textos compartidos*/
.subtitulo-orange-red-nivel-1 {
    font-family: Arboria-Bold;
    color: var(--color-e9540d);
}

.subtitulo-orange-red-nivel-2 {
    font-family: Arboria-Bold;
    color: var(--color-e9540d);
}

.texto-parrafos {
    font-family: Arboria-Book;
    color: var(--color-828282);
    text-align: justify;
    text-justify: inter-word;
}

.div-texto-parrafos {
    font-family: Arboria-Bold;
    color: var(--color-00809f);
}

.texto-parrafos .texto-parrafos-dimoi {
    font-family: Arboria-Bold;
    color: var(--color-00809f);
}

.div-text-bordeado {
    align-content: center;
    align-items: center;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1.5px solid var(--color-00809f);
    background: var(--color-a5d3db)
}

.div-text-start-bordeado {
    align-content: center;
    align-items: center;
    text-align: start;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1.5px solid var(--color-00809f);
    background: var(--color-a5d3db)
}

.div-text-center-bordeado {
    align-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1.5px solid var(--color-00809f);
    background: var(--color-a5d3db)
}

@media (min-width: 0px) and (max-width: 576px) { /*Extra small*/
    .texto-parrafos,
    .div-texto-parrafos,
    .texto-parrafos .texto-parrafos-dimoi {
        font-size: 15px !important;
    }
}

/*Section*/
.section-content {
    background-size: cover;
    width: 100%;
    height: 100%;
}

/*width*/
@media (min-width: 1400px) { /*XXL-Large*/
    .w-xxl-100 {
        width: 100%;    
    }

    .w-xxl-96 {
        width: 96%;
    }

    .w-xxl-92 {
        width: 92%;
    }

    .w-xxl-75 {
        width: 75%;
    }

    .w-xxl-60 {
        width: 60%;
    }  

    .w-xxl-50 {
        width: 50%;
    }  
}

@media (min-width: 1200px) and (max-width: 1400px) { /*X-Large*/
    .w-xl-100 {
        width: 100%;
    }

    .w-xl-96 {
        width: 96%;
    }

    .w-xl-92 {
        width: 92%;
    }

    .w-xl-75 {
        width:75%;
    }

    .w-xl-60 {
        width: 60%;
    }  

    .w-xl-50 {
        width: 50%;
    }  
}

@media (min-width: 992px) and (max-width: 1200px) { /*Large*/
    .w-lg-100 {
        width: 100%;
    }

    .w-lg-96 {
        width: 96%;
    }

    .w-lg-92 {
        width: 92%;
    }

    .w-lg-75 {
        width:75%;
    }

    .w-lg-60 {
        width: 60%;
    }  

    .w-lg-50 {
        width: 50%;
    }  
}

@media (min-width: 768px) and (max-width: 992px) { /*Medium*/
    .w-md-100 {
        width: 100%;
    }
    
    .w-md-96 {
        width: 96%;
    }

    .w-md-92 {
        width: 92%;
    }

    .w-md-75 {
        width:75%;
    }

    .w-md-60 {
        width: 60%;
    }  

    .w-md-50 {
        width: 50%;
    }  
}

@media (min-width: 576px) and (max-width: 768px) { /*Small*/
    .w-sm-100 {
        width: 100%;
    }
    
    .w-sm-96 {
        width: 96%;
    }

    .w-sm-92 {
        width: 92%;
    }

    .w-sm-75 {
        width: 75%;
    }

    .w-sm-60 {
        width: 60%;
    }  

    .w-sm-50 {
        width: 50%;
    }  
}

@media (min-width: 0px) and (max-width: 576px) { /*Extra small*/
    .w-xs-100 {
        width: 100%;
    }

    .w-xs-96 {
        width: 96%;
    }

    .w-xs-92 {
        width: 92%;
    }

    .w-xs-75 {
        width: 75%;
    }

    .w-xs-60 {
        width: 60%;
    }  

    .w-xs-50 {
        width: 50%;
    }  
}

/*Imagenes desktop y movil*/
.img-desktop {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (min-width: 0px) and (max-width: 576px) { /*Extra small*/
    .div-imagen-inicio {
        position: relative;
        min-height: 250px;
    }

    .div-imagen-inicio img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

/*recaptcha*/
.recaptcha > div {
    margin: 0 auto .5em;
}

/*--------------------------------------------------------------
# Override Boostrap
--------------------------------------------------------------*/
div.row {
    margin: 0px;
    padding: 0px;
}

@media (min-width: 2000px) {
    div.container-xxl {
        width: 100%;
        max-width: 80%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
}