/* https://upgto.edu.mx/ */
/********** Template CSS **********/
:root {
    /*--primary: #F3BD00;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #0C2B4B;
    --alterno: #F8F8F8;
    --agro: #D16814;
    --bio: #50812F;
    --lage: #C79A10;
    --tf: #1982AC;
    --nutri: #EC6707;
    --medcp: #18284A;
    --enf: #08A282;
    --morevino: #720F3C;
    --moregris: #59585D;
    --uphazul: #1276BB;
    --uphrojo: #9D3133;*/
    --primary: #F3BD00;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #720F3C;
    --alterno: #F8F8F8;
    --agro: #720F3C;
    --bio: #720F3C;
    --lage: #720F3C;
    --tf: #720F3C;
    --nutri: #720F3C;
    --medcp: #720F3C;
    --enf: #720F3C;
    --morevino: #720F3C;
    --moregris: #59585D;
    --uphazul: #720F3C;
    --uphrojo: #720F3C;    
}

body,
.body {
    margin: 0;
    font-family: "Work Sans", sans-serif;
    font-size: 0.900rem;
    font-weight: 400;
    line-height: 1.5;
    color: #757575;
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.my-5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.py-8 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.py-9 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.my-9 {
    margin-top: 9rem;
    margin-bottom: 9rem;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--moregris);
}

.w-120 {
    width: 120% !important
}

small,
.small {
    font-size: .800em
}

.txt-md {
    font-size: .900em
}

.txt-lg {
    font-size: 1em
}

.txt-uph {
    color:var(--uphazul) !important
}

.txt-bio {
    color:var(--bio) !important
}

.txt-agro {
    color:var(--agro) !important
}

.txt-nutri {
    color:var(--nutri) !important
}

.txt-lage {
    color:var(--lage) !important
}

.txt-tf {
    color:var(--tf) !important
}

.txt-med {
    color:var(--medcp) !important
}

.txt-enf {
    color:var(--enf) !important
}

.txt-blanco {
    color:var(--light) !important
}

.text-justify {
    text-align: justify;
}

.sombra {
    /*border-radius: 8px;*/
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15)
    /*box-shadow: 0 0 0 .25rem rgba(160, 160, 159, 0.25)*/
}

.bg-primary {
    background-color: var(--uphazul) !important
}

.bg-bio {
    background-color: var(--bio) !important
}

.bg-agro {
    background-color: var(--agro) !important
}

.bg-nutri {
    background-color: var(--nutri) !important
}

.bg-med {
    background-color: var(--medcp) !important
}

.bg-enf {
    background-color: var(--enf) !important
}

.bg-lage {
    background-color: var(--lage) !important
}

.bg-tf {
    background-color: var(--tf) !important
}

.bg-alterno {
    background-color: var(--alterno) !important   
}

.bg-footerlinks {
    background-color: var(--moregris) !important
}

/*** Topbar ***/
.bg-dark {
    background-color: var(--morevino) !important
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(160, 160, 159, 0.25)
}

/* btn-primary */
.btn-primary {
    color: #000;
    background-color: var(--uphazul);
    border-color: var(--uphazul)
}
.btn-primary:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: #000;
    background-color: var(--uphazul);
    border-color: var(--uphazul)
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-gob */
.btn-gob {
    color: #000;
    background-color: var(--morevino);
    border-color: var(--morevino)
}
.btn-gob:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-gob,
.btn-gob:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-gob,
.btn-check:active+.btn-gob,
.btn-gob:active,
.btn-gob.active,
.show>.btn-gob.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-gob:focus,
.btn-check:active+.btn-gob:focus,
.btn-gob:active:focus,
.btn-gob.active:focus,
.show>.btn-gob.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-gob:disabled,
.btn-gob.disabled {
    color: #000;
    background-color: var(--morevino);
    border-color: var(--morevino)
}

.btn.btn-gob,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-bio */
.btn-bio {
    color: #000;
    background-color: var(--bio);
    border-color: var(--bio)
}
.btn-bio:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-bio,
.btn-bio:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-bio,
.btn-check:active+.btn-bio,
.btn-bio:active,
.btn-bio.active,
.show>.btn-bio.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-bio:focus,
.btn-check:active+.btn-bio:focus,
.btn-bio:active:focus,
.btn-bio.active:focus,
.show>.btn-bio.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-bio:disabled,
.btn-bio.disabled {
    color: #000;
    background-color: var(--bio);
    border-color: var(--bio)
}

.btn.btn-bio,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-agro */
.btn-agro {
    color: #000;
    background-color: var(--agro);
    border-color: var(--agro)
}
.btn-agro:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-agro,
.btn-agro:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-agro,
.btn-check:active+.btn-agro,
.btn-agro:active,
.btn-agro.active,
.show>.btn-agro.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-agro:focus,
.btn-check:active+.btn-agro:focus,
.btn-agro:active:focus,
.btn-agro.active:focus,
.show>.btn-agro.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-agro:disabled,
.btn-agro.disabled {
    color: #000;
    background-color: var(--agro);
    border-color: var(--agro)
}

.btn.btn-agro,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-nut */
.btn-nut {
    color: #000;
    background-color: var(--nutri);
    border-color: var(--nutri)
}
.btn-nut:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-nut,
.btn-nut:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-nut,
.btn-check:active+.btn-nut,
.btn-nut:active,
.btn-nut.active,
.show>.btn-nut.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-nut:focus,
.btn-check:active+.btn-nut:focus,
.btn-nut:active:focus,
.btn-nut.active:focus,
.show>.btn-nut.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-nut:disabled,
.btn-nut.disabled {
    color: #000;
    background-color: var(--nutri);
    border-color: var(--nutri)
}

.btn.btn-nut,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-med */
.btn-med {
    color: #000;
    background-color: var(--medcp);
    border-color: var(--medcp)
}
.btn-med:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-med,
.btn-med:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-med,
.btn-check:active+.btn-med,
.btn-med:active,
.btn-med.active,
.show>.btn-med.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-med:focus,
.btn-check:active+.btn-med:focus,
.btn-med:active:focus,
.btn-med.active:focus,
.show>.btn-med.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-med:disabled,
.btn-med.disabled {
    color: #000;
    background-color: var(--medcp);
    border-color: var(--medcp)
}

.btn.btn-med,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-enf */
.btn-enf {
    color: #000;
    background-color: var(--enf);
    border-color: var(--enf)
}
.btn-enf:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-enf,
.btn-enf:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-enf,
.btn-check:active+.btn-enf,
.btn-enf:active,
.btn-enf.active,
.show>.btn-enf.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-enf:focus,
.btn-check:active+.btn-enf:focus,
.btn-enf:active:focus,
.btn-enf.active:focus,
.show>.btn-enf.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-enf:disabled,
.btn-enf.disabled {
    color: #000;
    background-color: var(--enf);
    border-color: var(--enf)
}

.btn.btn-enf,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-lage */
.btn-lage {
    color: #000;
    background-color: var(--lage);
    border-color: var(--lage)
}
.btn-lage:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-lage,
.btn-lage:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-lage,
.btn-check:active+.btn-lage,
.btn-lage:active,
.btn-lage.active,
.show>.btn-lage.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-lage:focus,
.btn-check:active+.btn-lage:focus,
.btn-lage:active:focus,
.btn-lage.active:focus,
.show>.btn-lage.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-lage:disabled,
.btn-lage.disabled {
    color: #000;
    background-color: var(--lage);
    border-color: var(--lage)
}

.btn.btn-lage,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-tf */
.btn-tf {
    color: #000;
    background-color: var(--tf);
    border-color: var(--tf)
}
.btn-tf:hover {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff
}
.btn-check:focus+.btn-tf,
.btn-tf:focus {
    color: #000;
    background-color: var(--moregris);
    border-color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-check:checked+.btn-tf,
.btn-check:active+.btn-tf,
.btn-tf:active,
.btn-tf.active,
.show>.btn-tf.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #d9d9d9
}
.btn-check:checked+.btn-tf:focus,
.btn-check:active+.btn-tf:focus,
.btn-tf:active:focus,
.btn-tf.active:focus,
.show>.btn-tf.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.5)
}
.btn-tf:disabled,
.btn-tf.disabled {
    color: #000;
    background-color: var(--tf);
    border-color: var(--tf)
}

.btn.btn-tf,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

/* btn-square */
.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn-link {
    font-weight: 400;
    color: var(--light);
    text-decoration: none
}
.btn-link:hover {
    color: var(--secondary);
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d
}

/* btn-outline Biotecnologia */
.btn-outline-bio {
    color: var(--light);
    border-color: var(--bio)
}
.btn-outline-bio:hover {
    color: #FFF;
    background-color: var(--bio);
    border-color: var(--bio)
}
.btn-check:focus+.btn-outline-bio,
.btn-outline-bio:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-bio,
.btn-check:active+.btn-outline-bio,
.btn-outline-bio:active,
.btn-outline-bio.active,
.btn-outline-bio.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--bio);
    border-color: var(--bio)
}
.btn-check:checked+.btn-outline-bio:focus,
.btn-check:active+.btn-outline-bio:focus,
.btn-outline-bio:active:focus,
.btn-outline-bio.active:focus,
.btn-outline-bio.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-bio:disabled,
.btn-outline-bio.disabled {
    color: var(--bio);
    background-color: transparent
}

/* btn-outline Agroindustrial */
.btn-outline-agro {
    color: var(--light);
    border-color: var(--agro)
}
.btn-outline-agro:hover {
    color: #FFF;
    background-color: var(--agro);
    border-color: var(--agro)
}
.btn-check:focus+.btn-outline-agro,
.btn-outline-agro:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-agro,
.btn-check:active+.btn-outline-agro,
.btn-outline-agro:active,
.btn-outline-agro.active,
.btn-outline-agro.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--agro);
    border-color: var(--agro)
}
.btn-check:checked+.btn-outline-agro:focus,
.btn-check:active+.btn-outline-agro:focus,
.btn-outline-agro:active:focus,
.btn-outline-agro.active:focus,
.btn-outline-agro.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-agro:disabled,
.btn-outline-agro.disabled {
    color: var(--agro);
    background-color: transparent
}

/* btn-outline Lage */
.btn-outline-lage {
    color: var(--light);
    border-color: var(--lage)
}
.btn-outline-lage:hover {
    color: #FFF;
    background-color: var(--lage);
    border-color: var(--lage)
}
.btn-check:focus+.btn-outline-lage,
.btn-outline-lage:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-lage,
.btn-check:active+.btn-outline-lage,
.btn-outline-lage:active,
.btn-outline-lage.active,
.btn-outline-lage.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--lage);
    border-color: var(--lage)
}
.btn-check:checked+.btn-outline-lage:focus,
.btn-check:active+.btn-outline-lage:focus,
.btn-outline-lage:active:focus,
.btn-outline-lage.active:focus,
.btn-outline-lage.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-lage:disabled,
.btn-outline-lage.disabled {
    color: var(--lage);
    background-color: transparent
}

/* btn-outline Terapia */
.btn-outline-tf {
    color: var(--light);
    border-color: var(--tf)
}
.btn-outline-tf:hover {
    color: #FFF;
    background-color: var(--tf);
    border-color: var(--tf)
}
.btn-check:focus+.btn-outline-tf,
.btn-outline-tf:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-tf,
.btn-check:active+.btn-outline-tf,
.btn-outline-tf:active,
.btn-outline-tf.active,
.btn-outline-tf.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--tf);
    border-color: var(--tf)
}
.btn-check:checked+.btn-outline-tf:focus,
.btn-check:active+.btn-outline-tf:focus,
.btn-outline-tf:active:focus,
.btn-outline-tf.active:focus,
.btn-outline-tf.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-tf:disabled,
.btn-outline-tf.disabled {
    color: var(--tf);
    background-color: transparent
}

/* btn-outline Nutrición */
.btn-outline-nutri {
    color: var(--light);
    border-color: var(--nutri)
}
.btn-outline-nutri:hover {
    color: #FFF;
    background-color: var(--nutri);
    border-color: var(--nutri)
}
.btn-check:focus+.btn-outline-nutri,
.btn-outline-nutri:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-nutri,
.btn-check:active+.btn-outline-nutri,
.btn-outline-nutri:active,
.btn-outline-nutri.active,
.btn-outline-nutri.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--nutri);
    border-color: var(--nutri)
}
.btn-check:checked+.btn-outline-nutri:focus,
.btn-check:active+.btn-outline-nutri:focus,
.btn-outline-nutri:active:focus,
.btn-outline-nutri.active:focus,
.btn-outline-nutri.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-nutri:disabled,
.btn-outline-nutri.disabled {
    color: var(--nutri);
    background-color: transparent
}

/* btn-outline Médico */
.btn-outline-med {
    color: var(--light);
    border-color: var(--medcp)
}
.btn-outline-med:hover {
    color: #FFF;
    background-color: var(--medcp);
    border-color: var(--medcp)
}
.btn-check:focus+.btn-outline-med,
.btn-outline-med:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-med,
.btn-check:active+.btn-outline-med,
.btn-outline-med:active,
.btn-outline-med.active,
.btn-outline-med.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--medcp);
    border-color: var(--medcp)
}
.btn-check:checked+.btn-outline-med:focus,
.btn-check:active+.btn-outline-med:focus,
.btn-outline-med:active:focus,
.btn-outline-med.active:focus,
.btn-outline-med.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-med:disabled,
.btn-outline-med.disabled {
    color: var(--medcp);
    background-color: transparent
}

/* btn-outline Enfermería */
.btn-outline-enf {
    color: var(--light);
    border-color: var(--enf)
}
.btn-outline-enf:hover {
    color: #FFF;
    background-color: var(--enf);
    border-color: var(--enf)
}
.btn-check:focus+.btn-outline-enf,
.btn-outline-enf:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-enf,
.btn-check:active+.btn-outline-enf,
.btn-outline-enf:active,
.btn-outline-enf.active,
.btn-outline-enf.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--enf);
    border-color: var(--enf)
}
.btn-check:checked+.btn-outline-enf:focus,
.btn-check:active+.btn-outline-enf:focus,
.btn-outline-enf:active:focus,
.btn-outline-enf.active:focus,
.btn-outline-enf.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-enf:disabled,
.btn-outline-enf.disabled {
    color: var(--enf);
    background-color: transparent
}

/* btn-outline Morevino */
.btn-outline-morevino {
    color: var(--light);
    border-color: var(--morevino)
}
.btn-outline-morevino:hover {
    color: #FFF;
    background-color: var(--morevino);
    border-color: var(--morevino)
}
.btn-check:focus+.btn-outline-morevino,
.btn-outline-morevino:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-morevino,
.btn-check:active+.btn-outline-morevino,
.btn-outline-morevino:active,
.btn-outline-morevino.active,
.btn-outline-morevino.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--morevino);
    border-color: var(--morevino)
}
.btn-check:checked+.btn-outline-morevino:focus,
.btn-check:active+.btn-outline-morevino:focus,
.btn-outline-morevino:active:focus,
.btn-outline-morevino.active:focus,
.btn-outline-morevino.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-moregris:disabled,
.btn-outline-moregris.disabled {
    color: var(--morevino);
    background-color: transparent
}

/* btn-outline Moregris */
.btn-outline-moregris {
    color: var(--light);
    border-color: var(--moregris)
}
.btn-outline-moregris:hover {
    color: #FFF;
    background-color: var(--moregris);
    border-color: var(--moregris)
}
.btn-check:focus+.btn-outline-moregris,
.btn-outline-moregris:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-check:checked+.btn-outline-moregris,
.btn-check:active+.btn-outline-moregris,
.btn-outline-moregris:active,
.btn-outline-moregris.active,
.btn-outline-moregris.dropdown-toggle.show {
    color: #FFF;
    background-color: var(--moregris);
    border-color: var(--moregris)
}
.btn-check:checked+.btn-outline-moregris:focus,
.btn-check:active+.btn-outline-moregris:focus,
.btn-outline-moregris:active:focus,
.btn-outline-moregris.active:focus,
.btn-outline-moregris.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 247, 246, 0.5)
}
.btn-outline-moregris:disabled,
.btn-outline-moregris.disabled {
    color: var(--moregris);
    background-color: transparent
}

/** **/
.btn-icon-split {
    padding: 0;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
}

.btn-icon-split .icon {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 0.375rem 0.75rem;
}

.btn-icon-split .text {
    display: inline-block;
    padding: 0.375rem 0.75rem;
}

.btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {
    padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {
    padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {
    padding: 0.5rem 1rem;
}

.btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {
    padding: 0.5rem 1rem;
}

/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 80px
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 25px 0;
    color: var(--uphazul);
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--moregris);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--uphazul);
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

/*** Header ***/
/*
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.70);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--uphazul);
    border: 10px solid var(--uphazul);
}
*/
@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.816), rgba(0, 0, 0, 0.816)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-msjrector {
    background: linear-gradient(rgba(0, 0, 0, 0.720), rgba(0, 0, 0, 0.720)), url(../img/EncabezadoRectoria_1920x740.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-launiversidad {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/fachada_1920x1080.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-directorio {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/DSC_0252.JPG) center center no-repeat;
    background-size: cover;
}

.page-header-biotecnologia {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_bio.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-agroindustrial {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_agroindustrial.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-nutricion {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_nutricion.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-lage {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_administracion.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-terapia {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_terapia.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-medico {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_medico.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-enfermeria {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/header_enfermeria.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-estancia {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/prov-estancia2.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-estadia {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/prov-estadia.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-servsocial {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/prov-servsocial.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-bolsatrabajo {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/prov-bolsatrabajo.jpg) center center no-repeat;
    background-size: cover;
}

.page-header-seguimientoegresados {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/prov-seguimientoegresados.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #999999;
}

/*** Pleca ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -45px;
        z-index: 1;
    }

    #caruselprincipal{
        margin-top: -24px;
    }
}

/*** Courses ***/
.courses {
    min-height: 100vh;
    /*background: linear-gradient(rgba(255, 255, 255, 0.39), rgba(255, 255, 255, 0.39)), url(../img/fondos/fondo_grecas_vino.png) center center no-repeat;*/
    background-attachment: fixed;
    background-size: cover;
}

.courses-item .courses-overlay {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.courses-item:hover .courses-overlay {
    height: 100%;
    opacity: 1;
}

/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    height: 40px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid var(--uphazul);
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 40px;
    height: 40px;
    background: var(--uphazul);
}

.testimonial-carousel .owl-item img {
    width: 150px;
    height: 150px;
}

/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--light);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--uphazul);
    letter-spacing: 1px;
    box-shadow: none;
}

/*** Card ***/
.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0 solid rgba(0, 0, 0, 0.125);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 0.25rem;
}

.card-img-bottom {
    width: 50%
}

.card .card-h-directorio {
    height: 170px;
}

@media (max-width: 576px) {
    .card .card-h-directorio {
        height: auto;
    }
}

@media (max-width: 1200px) {
    .card .card-h-directorio {
        height: auto;
    }
}

/*** Border **/  
.border-left-bio {
    border-left: 0.25rem solid var(--bio) !important;
  }
  
.border-bottom-bio {
    border-bottom: 0.25rem solid var(--bio) !important;
}

.border-left-agro {
    border-left: 0.25rem solid var(--agro) !important;
  }
  
.border-bottom-agro {
border-bottom: 0.25rem solid var(--agro) !important;
}

.border-left-nutri {
    border-left: 0.25rem solid var(--nutri) !important;
  }
  
.border-bottom-nutri {
border-bottom: 0.25rem solid var(--nutri) !important;
}

.border-left-med {
    border-left: 0.25rem solid var(--medcp) !important;
  }
  
.border-bottom-med {
border-bottom: 0.25rem solid var(--medcp) !important;
}

.border-left-enf {
    border-left: 0.25rem solid var(--enf) !important;
  }
  
.border-bottom-enf {
border-bottom: 0.25rem solid var(--enf) !important;
}

.border-left-lage {
    border-left: 0.25rem solid var(--lage) !important;
  }
  
.border-bottom-lage {
border-bottom: 0.25rem solid var(--lage) !important;
}

.border-left-tf {
    border-left: 0.25rem solid var(--tf) !important;
  }
  
.border-bottom-tf {
    border-bottom: 0.25rem solid var(--tf) !important;
}

.border-left-moregris {
    border-left: 0.25rem solid var(--moregris) !important;
  }
  
.border-bottom-moregris {
    border-bottom: 0.25rem solid var(--moregris) !important;
}

.border-left-morevino {
    border-left: 0.25rem solid var(--morevino) !important;
  }
  
.border-bottom-morevino {
    border-bottom: 0.25rem solid var(--morevino) !important;
}

/*** Team ***/
.team-items {
    margin: -.75rem;
}

/* Agro */
.agro-item {
    padding: .75rem;
}

.agro-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.agro-item:hover::after {
    height: 100%;
    background: var(--agro);
}

.agro-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.agro-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/* Bio */
.bio-item {
    padding: .75rem;
}

.bio-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.bio-item:hover::after {
    height: 100%;
    background: var(--bio);
}

.bio-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.bio-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/* Lage */
.lage-item {
    padding: .75rem;
}

.lage-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.lage-item:hover::after {
    height: 100%;
    background: var(--lage);
}

.lage-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.lage-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/* Terapia */
.tf-item {
    padding: .75rem;
}

.tf-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.tf-item:hover::after {
    height: 100%;
    background: var(--tf);
}

.tf-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.tf-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/* Nutricion 
.nutri-item {
    padding: .75rem;
}

.nutri-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.nutri-item:hover::after {
    height: 100%;
    background: var(--nutri);
}

.nutri-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.nutri-item:hover .team-social {
    height: 100%;
    opacity: 1;
}
*/
/* uph-items */
.uph-item {
    padding: .75rem;
}

.uph-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.bg-item-morevino:hover::after {
    height: 100%;
    background: var(--morevino);
}

.bg-item-moregris:hover::after {
    height: 100%;
    background: var(--moregris);
}

.bg-item-agro:hover::after {
    height: 100%;
    background: var(--agro);
}

.bg-item-bio:hover::after {
    height: 100%;
    background: var(--bio);
}

.bg-item-lage:hover::after {
    height: 100%;
    background: var(--lage);
}

.bg-item-tf:hover::after {
    height: 100%;
    background: var(--tf);
}

.bg-item-nutri:hover::after {
    height: 100%;
    background: var(--nutri);
}

.bg-item-med:hover::after {
    height: 100%;
    background: var(--medcp);
}

.bg-item-enf:hover::after {
    height: 100%;
    background: var(--enf);
}

.uph-item .team-social {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .75);
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}

.uph-item:hover .team-social {
    height: 100%;
    opacity: 1;
}

/*** Altura item-servsocial ***/
.uph-item .h-item-servsocial {
    height: 140px;
}

@media (max-width: 576px) {
    .uph-item .h-item-servsocial {
        height: auto;
    }
}

/*** Altura item-nutri ***/
.uph-item .h-item-nutri {
    height: 280px;
}

@media (max-width: 992px) {
    .uph-item .h-item-nutri {
        height: auto;
    }
}

/*** Altura item-med ***/
.uph-item .h-item-med {
    height: 280px;
}

@media (max-width: 992px) {
    .uph-item .h-item-med {
        height: auto;
    }
}

/*** Altura item-bio ***/
.uph-item .h-item-bio {
    height: 280px;
}

@media (max-width: 576px) {
    .uph-item .h-item-bio {
        height: auto;
    }
}

/*** Altura item-agro ***/
.uph-item .h-item-agro {
    height: 280px;
}

@media (max-width: 576px) {
    .uph-item .h-item-agro {
        height: auto;
    }
}

/*** Altura item-lage ***/
.uph-item .h-item-lage {
    height: 280px;
}

@media (max-width: 576px) {
    .uph-item .h-item-lage {
        height: auto;
    }
}

/*** Altura item-tf ***/
.uph-item .h-item-tf {
    height: 280px;
}

@media (max-width: 576px) {
    .uph-item .h-item-tf {
        height: auto;
    }
}

/*** Copyright ***/
.copyright {
    background: var(--morevino);
}

.copyright a {
    color: var(--uphazul);
}

.copyright a:hover {
    color: var(--light);
}

/*** Multimedia ***/
.video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.embed1-1 {
    aspect-ratio: 1 / 1;
    width: 100%;
}

.embed4-3 {
    aspect-ratio: 4 / 3;
    width: 100%;
}

/*** Fondos ***/
.bg-img-bio{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_grecas_verde.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-img-agro{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_grecas_naranja.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-img-nutri{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_grecas_vino.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-img-med{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_uph_gris_1920x1080.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-img-lage{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_grecas_mostaza.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-img-tf{
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_grecas_turquesa.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-uph-gris-vw {
    min-width: 100vw;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_uph_gris_1920x1080.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-uph-gris-vh {
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_uph_gris_1920x1080.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-uph-grisclaro-vw {
    min-width: 100vw;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_uph_gris_claro1_1920x1080.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-uph-grisclaro-vh {
    min-height: 100vh;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo_uph_gris_claro1_1920x1080.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-page-mtto {
    min-height: 90vh;
    /*min-width: 100vw;*/
    background: linear-gradient(rgba(0, 0, 0, 0.750), rgba(0, 0, 0, 0.750)), url(../img/fondos/Mtto.WebSite.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-uph-letras-vw {
    min-width: 100vw;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/fondos/fondo-letras-uph.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

/*** Boton Flotante de Whatsapp ***/
.btn-wsp{
    position: fixed;
    width: 55px;
    height: 55px;
    line-height: 55px;
    bottom: 90px;
    right: 30px;
    background: #0df053;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.btn-wsp:hover{
    text-decoration: none;
    color: #0df053;
    background: #fff;
}
/*
@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}
@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.5rem
    }
}
h2,
.h2 {
    font-size: calc(1.325rem + .9vw)
}
@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2rem
    }
}
h3,
.h3 {
    font-size: calc(1.3rem + .6vw)
}
@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.75rem
    }
}
h4,
.h4 {
    font-size: calc(1.275rem + .3vw)
}
@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.5rem
    }
}
*/

/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: -7px;
  }
  
  #bg-video {
      min-width: 100%;
      min-height: 100vh;
      max-width: 100%;
      max-height: 100vh;
      object-fit: cover;
      z-index: -1;
  }
  
  #bg-video::-webkit-media-controls {
      display: none !important;
  }
  
  .video-overlay {
      position: absolute;
      background-color: rgba(31,39,43,0.75);
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner .caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .main-banner .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner .caption p {
    color: var(--light);
    font-size: 14px;
    max-width: 570px;
  }
  
  .main-banner .caption .main-button-red {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 767px) {
  
    .main-banner .caption h6 {
      font-weight: 500;
    }
  
    .main-banner .caption h2 {
      font-size: 36px;
    }
  
  }

/*
---------------------------------------------
Carrusel Avisos Servicios Escolares
--------------------------------------------- 
*/
#avisosSE .item {
    margin-bottom: 30px;
    background-image: url(../img/service-item-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    padding: 40px;
}
  
#avisosSE .item .icon {
    position: relative;
    max-width: 60px;
    margin: 0 auto;
}
  
#avisosSE .item h4 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}
  
#avisosSE .item p {
    color: #fff;
    font-size: 13px;
}
  
#avisosSE .owl-nav {
    display: inline-block !important;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-25px);
}
    
#avisosSE .owl-nav .owl-prev{
    margin-right: 10px;
    outline: none;
    position: absolute;
    left: -80px;
}
  
#avisosSE .owl-nav .owl-prev span,
#avisosSE .owl-nav .owl-next span {
    opacity: 0;
}
  
#avisosSE .owl-nav .owl-prev:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    color: #1e1e1e;
    font-size: 25px;
    font-weight: 700;
    content: '\f104';
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}
  
#avisosSE .owl-nav .owl-prev {
    opacity: 1;
    transition: all .5s;
}
  
#avisosSE .owl-nav .owl-prev:hover {
    opacity: 0.9;
}
  
#avisosSE .owl-nav .owl-next {
    opacity: 1;
    transition: all .5s;
}
  
#avisosSE .owl-nav .owl-next:hover {
    opacity: 0.9;
}
  
#avisosSE .owl-nav .owl-next{
    margin-left: 10px;
    outline: none;
    position: absolute;
    right: -85px;
}
  
#avisosSE .owl-nav .owl-next:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    color: #1e1e1e;
    font-size: 25px;
    font-weight: 700;
    content: '\f105';
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}

/*
---------------------------------------------
Carrusel Unidad de Género
--------------------------------------------- 
*/
.actividadesug-item {
    margin-bottom: 30px;
}

.actividadesug-item .thumb {
    position: relative;
}

.actividadesug-item .thumb img {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.actividadesug-item .down-content {
    background-color: #fff;
    padding: 30px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.actividadesug-item .down-content .date {
    float: left;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
}

.actividadesug-item .down-content .date h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--uphazul);
}

.actividadesug-item .down-content .date span {
    display: block;
    color: #1f272b;
    font-size: 22px;
    margin-top: 7px;
}

.actividadesug-item .down-content h4 {
    font-size: 18px;
    color: #1f272b;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

.actividadesug-item .down-content p {
    margin-left: 50px;
    color: #1f272b;
    font-size: 14px;
}

#actividadesUG .owl-nav {
    display: inline-block !important;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-25px);
}
    
#actividadesUG .owl-nav .owl-prev{
    margin-right: 10px;
    outline: none;
    position: absolute;
    left: -80px;
}

#actividadesUG .owl-nav .owl-prev span,
#actividadesUG .owl-nav .owl-next span {
    opacity: 0;
}

#actividadesUG .owl-nav .owl-prev:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    color: #1e1e1e;
    font-size: 25px;
    font-weight: 700;
    content: '\f104';
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}

#actividadesUG .owl-nav .owl-prev {
    opacity: 1;
    transition: all .5s;
}

#actividadesUG .owl-nav .owl-prev:hover {
    opacity: 0.9;
}

#actividadesUG .owl-nav .owl-next {
    opacity: 1;
    transition: all .5s;
}

#actividadesUG .owl-nav .owl-next:hover {
    opacity: 0.9;
}

#actividadesUG .owl-nav .owl-next{
    margin-left: 10px;
    outline: none;
    position: absolute;
    right: -85px;
}

#actividadesUG .owl-nav .owl-next:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    color: #1e1e1e;
    font-size: 25px;
    font-weight: 700;
    content: '\f105';
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
}

/* 
---------------------------------------------
Carruseles responsive
--------------------------------------------- 
*/
@media (max-width: 1300px) {
    #avisosSE .owl-nav .owl-next{
        right: -30px;
    }
    #avisosSE .owl-nav .owl-prev{
        left: -25px;
    }
    #actividadesUG .owl-nav .owl-next{
        right: -30px;
    }
    #actividadesUG .owl-nav .owl-prev{
        left: -25px;
    }
}

@media (max-width: 1200px) {
    #avisosSE .owl-nav .owl-next{
        right: -70px;
    }
    #avisosSE .owl-nav .owl-prev{
        left: -65px;
    }
    #actividadesUG .owl-nav .owl-next{
        right: -70px;
    }
    #actividadesUG .owl-nav .owl-prev{
        left: -65px;
    }
}

@media (max-width: 1085px) {
    #avisosSE .owl-nav .owl-next{
        right: -30px;
    }
    #avisosSE .owl-nav .owl-prev{
        left: -25px;
    }
    #actividadesUG .owl-nav .owl-next{
        right: -30px;
    }
    #actividadesUG .owl-nav .owl-prev{
        left: -25px;
    }
}

@media (max-width: 1005px) {
    #avisosSE .owl-nav .owl-next{
        display: none;
    }
    #avisosSE .owl-nav .owl-prev{
        display: none;
    }
    #actividadesUG .owl-nav .owl-next{
        display: none;
    }
    #actividadesUG .owl-nav .owl-prev{
        display: none;
    }
}

/*
  ---------------------------------------------
reset
--------------------------------------------- 
*/
.section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/*
  ---------------------------------------------
Cafe Politecnico
--------------------------------------------- 
*/
.bg-cafepoli-principal-vh {
    min-height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.250), rgba(0, 0, 0, 0.250)), url(../img/fondos/fondo_cafepoli_principal_1920x1080.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;  
}

.bg-cafepoli-ejes-vh {
    min-height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.250), rgba(0, 0, 0, 0.250)), url(../img/cafepolitecnico/fondoejes_1920x1080.jpg) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;     
}

/* fondos/fondo_cafepoli_principal_1920x1080.jpg */
.page-header-cafepoli {
    background: linear-gradient(rgba(0, 0, 0, 0.520), rgba(0, 0, 0, 0.520)), url(../img/cafepolitecnico/fondoejes_1920x1080.jpg) center center no-repeat;
    background-size: cover;
}

.cafe-section {
    height: 500px;
    background: url('img/cafe-bg.jpg') center/cover no-repeat;
    position: relative;
}

.cafe-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.cafe-card {
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    color: #fff;
    max-width: 600px;
}

.cafe-card .btn {
    transition: all 0.3s ease;
}

.cafe-card .btn:hover {
    transform: scale(1.05);
}

/*--------------------------------------------------------------
# Convenios Section
--------------------------------------------------------------*/
.convenios .swiper-slide img {
    width: 260px;
    height: 143px;
    opacity: 0.7;
    transition: 0.3s; 
    /*filter: grayscale(100);*/
}

.convenios .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}

.convenios .swiper-wrapper {
  height: auto;
}

.convenios .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.convenios .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: color-mix(in srgb, var(--secondary), transparent 80%);
}

.convenios .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--morevino);
}