/* ============================================================================
/ COLORIMETRIA
/ ============================================================================*/
:root {
    --color-isd-primary: #44AD6B;
    --color-isd-covid: #353535;
    --color-isd-mama: #C7639C;
    --color-isd-vph: #6DAFA2;
    --color-isd-gpos-sanguineos: #842648;
    --color-isd-obesidad-sobrepeso: #42897C;
    --color-isd-diabetes: #6380B3;
    --color-isd-hipertension: #D37E2C;
    --color-isd-salud-visual: #7974AC;
    --color-isd-dislipidemias: #E6BF38;
    --color-isd-insuficiencia: #6283A5;
    --color-isd-psa: #639ECF;
    --color-isd-cardiopatias: #6DA27B;
    --color-isd-densitometria: #CF7869;
    --color-isd-anemia: #BA2D3A;
    --color-isd-res-anticrobiana: #AF91BD;
    --color-isd-notas: #44AD6B;
    --text-isd: #5c5b60;
}

.bg-isd-primary { background: var(--color-isd-primary); }
.bg-isd-covid { background: var(--color-isd-covid); }
.bg-isd-mama { background: var(--color-isd-mama); }
.bg-isd-vph { background: var(--color-isd-vph); }
.bg-isd-gpos-sanguineos { background: var(--color-isd-gpos-sanguineos); }
.bg-isd-obesidad-sobrepeso { background: var(--color-isd-obesidad-sobrepeso); }
.bg-isd-diabetes { background: var(--color-isd-diabetes); }
.bg-isd-hipertension { background: var(--color-isd-hipertension); }
.bg-isd-salud-visual { background: var(--color-isd-salud-visual); }
.bg-isd-dislipidemias { background: var(--color-isd-dislipidemias); }
.bg-isd-insuficiencia { background: var(--color-isd-insuficiencia); }
.bg-isd-psa { background: var(--color-isd-psa); }
.bg-isd-cardiopatias { background: var(--color-isd-cardiopatias); }
.bg-isd-densitometria { background: var(--color-isd-densitometria); }
.bg-isd-anemia { background: var(--color-isd-anemia); }
.bg-isd-res-anticrobiana { background: var(--color-isd-res-anticrobiana); }
.bg-isd-notas { background: var(--color-isd-notas); }

.c-isd-primary { color: var(--color-isd-primary); }
.c-isd-covid { color: var(--color-isd-covid); }
.c-isd-mama { color: var(--color-isd-mama); }
.c-isd-vph { color: var(--color-isd-vph); }
.c-isd-gpos-sanguineos { color: var(--color-isd-gpos-sanguineos); }
.c-isd-obesidad-sobrepeso { color: var(--color-isd-obesidad-sobrepeso); }
.c-isd-diabetes { color: var(--color-isd-diabetes); }
.c-isd-hipertension { color: var(--color-isd-hipertension); }
.c-isd-salud-visual { color: var(--color-isd-salud-visual); }
.c-isd-dislipidemias { color: var(--color-isd-dislipidemias); }
.c-isd-insuficiencia { color: var(--color-isd-insuficiencia); }
.c-isd-psa { color: var(--color-isd-psa); }
.c-isd-cardiopatias { color: var(--color-isd-cardiopatias); }
.c-isd-densitometria { color: var(--color-isd-densitometria); }
.c-isd-anemia { color: var(--color-isd-anemia); }
.c-isd-res-anticrobiana { color: var(--color-isd-res-anticrobiana); }
.c-isd-notas { color: var(--color-isd-notas); }

.f-isd-primary { fill: var(--color-isd-primary); }
.f-isd-covid { fill: var(--color-isd-covid); }
.f-isd-mama { fill: var(--color-isd-mama); }
.f-isd-vph { fill: var(--color-isd-vph); }
.f-isd-gpos-sanguineos { fill: var(--color-isd-gpos-sanguineos); }
.f-isd-obesidad-sobrepeso { fill: var(--color-isd-obesidad-sobrepeso); }
.f-isd-diabetes { fill: var(--color-isd-diabetes); }
.f-isd-hipertension { fill: var(--color-isd-hipertension); }
.f-isd-salud-visual { fill: var(--color-isd-salud-visual); }
.f-isd-dislipidemias { fill: var(--color-isd-dislipidemias); }
.f-isd-insuficiencia { fill: var(--color-isd-insuficiencia); }
.f-isd-psa { fill: var(--color-isd-psa); }
.f-isd-cardiopatias { fill: var(--color-isd-cardiopatias); }
.f-isd-densitometria { fill: var(--color-isd-densitometria); }
.f-isd-anemia { fill: var(--color-isd-anemia); }
.f-isd-res-anticrobiana { fill: var(--color-isd-res-anticrobiana); }
.f-isd-notas { fill: var(--color-isd-notas); }

.svg-isd-covid { background-image: url("../assets/isd-svg-icons/covid.svg"); }
.svg-isd-mama { background-image: url("../assets/isd-svg-icons/mama.svg"); }
.svg-isd-vph { background-image: url("../assets/isd-svg-icons/vph.svg"); }
.svg-isd-gpos-sanguineos { background-image: url("../assets/isd-svg-icons/gpos-sanguineos.svg"); }
.svg-isd-obesidad-sobrepeso { background-image: url("../assets/isd-svg-icons/obesidad-sobrepeso.svg"); }
.svg-isd-diabetes { background-image: url("../assets/isd-svg-icons/diabetes.svg"); }
.svg-isd-hipertension { background-image: url("../assets/isd-svg-icons/hipertension.svg"); }
.svg-isd-salud-visual { background-image: url("../assets/isd-svg-icons/salud-visual.svg"); }
.svg-isd-dislipidemias { background-image: url("../assets/isd-svg-icons/dislipidemias.svg"); }
.svg-isd-insuficiencia { background-image: url("../assets/isd-svg-icons/insuficiencia.svg"); }
.svg-isd-psa { background-image: url("../assets/isd-svg-icons/psa.svg"); }
.svg-isd-cardiopatias { background-image: url("../assets/isd-svg-icons/cardiopatias.svg"); }
.svg-isd-densitometria { background-image: url("../assets/isd-svg-icons/densitometria.svg"); }
.svg-isd-anemia { background-image: url("../assets/isd-svg-icons/anemia.svg"); }
.svg-isd-res-anticrobiana { background-image: url("../assets/isd-svg-icons/res-anticrobiana.svg"); }
.svg-isd-notas { background-image: url("../assets/isd-svg-icons/notas.svg"); }

[class^="svg-isd-"], [class*=" svg-isd-"] {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1em;
    line-height: 1em;
}

[class^="svg-isd-"]::before, [class*=" svg-isd-"]::before {
    content: '\00a0';
}


/* ============================================================================
/ GENERAL
/ ============================================================================*/
/*
@media (max-width: 768px) {
    html {
        font-size: 0.8rem;
    }
}
*/

body {
    background-image: url("../assets/fondo1.svg");
    background-size: cover;
}

.interlineado {
    line-height: 2rem;
}

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

.hr-isd {
    color: var(--text-isd);
    position: relative;
    width: 100%;
    padding-bottom: 1rem;
}

.hr-isd::before {
    content: "";
    position: absolute;
    left: calc(50% - 20px);
    bottom: 0.3rem;
    width: 40px;
    height: 5px;
    border-radius: 25px;
    background-color: var(--color-isd-primary);
}

.hr-isd-primary::before { background-color: var(--color-isd-primary); }
.hr-isd-covid::before { background-color: var(--color-isd-covid); }
.hr-isd-mama::before { background-color: var(--color-isd-mama); }
.hr-isd-vph::before { background-color: var(--color-isd-vph); }
.hr-isd-gpos-sanguineos::before { background-color: var(--color-isd-gpos-sanguineos); }
.hr-isd-obesidad-sobrepeso::before { background-color: var(--color-isd-obesidad-sobrepeso); }
.hr-isd-diabetes::before { background-color: var(--color-isd-diabetes); }
.hr-isd-hipertension::before { background-color: var(--color-isd-hipertension); }
.hr-isd-salud-visual::before { background-color: var(--color-isd-salud-visual); }
.hr-isd-dislipidemias::before { background-color: var(--color-isd-dislipidemias); }
.hr-isd-insuficiencia::before { background-color: var(--color-isd-insuficiencia); }
.hr-isd-psa::before { background-color: var(--color-isd-psa); }
.hr-isd-cardiopatias::before { background-color: var(--color-isd-cardiopatias); }
.hr-isd-densitometria::before { background-color: var(--color-isd-densitometria); }
.hr-isd-anemia::before { background-color: var(--color-isd-anemia); }
.hr-isd-res-anticrobiana::before { background-color: var(--color-isd-res-anticrobiana); }
.hr-isd-notas::before { background-color: var(--color-isd-notas); }

/* ============================================================================
/ FOOTER
/ ============================================================================*/
.dir-tel{
    color: white;
}

@media (max-width: 576px){
    .dir-tel{
        font-size: 10px;
    }
}

.footer {
    background-image: url("../assets/footer.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    /* margin-top: 5rem; */
    padding-top: 5rem;
}

.aliado{
    max-height: 5.5em;
    max-width: 10em;
}

@media (max-width: 1200px){
    .aliado{
        max-height: 4.5em;
        max-width: 8em;
    }
}

@media (max-width: 992px){
    .aliado{
        max-height: 3.5em;
        max-width: 6em;
    }
}

@media (max-width: 768px){
    .aliado{
        max-height: 2em;
        max-width: 5em;
    }
}

@media (max-width: 576px){
    .aliado{
        max-height: 2em;
        max-width: 4em;
    }
}

.aviso-privacidad{
    font-size: 11px;
    color: white;
    background-color:#444044;
}

@media (max-width: 768px){
    .aviso-privacidad{
        font-size: 8px;
    }
}

.btn-circle {
    width: 3rem;
    height: 3rem;
    border-radius: 25px;
    text-align: center;
}

.btn-circle>i {
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    -o-transition: transform 200ms ease-out;
}

.btn-circle:hover>i {
    transform: scale(1.5, 1.5);
    text-shadow: 0 0 3px white;
    font-size: 1.05rem;
}


/* ============================================================================
/ NAV
/ ============================================================================*/
.menu-item {
    position: relative;
}

.menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 0.2rem;
    background-color: var(--color-isd-primary);
    transition: width 0.3s ease-out;
}

.menu-item:hover::before {
    width: 98%;
}

@media (max-width: 991px) {
    .current-menu-item {
        background-color:#dff1e5;
        border-radius: 5px;
    }
}

@media (min-width: 992px) {
    .current-menu-item.menu-item::before {
        width: 98%;
    }
}

.navbar-dark .navbar-brand{
    display: block;
}


/* ============================================================================
/ PAGES HELPERS
/ ============================================================================*/
.title-page {
    background-image: url("../assets/bg-title-lg.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.title-page h1 {
    font-weight: bolder !important;
    color: var(--color-isd-primary);
    text-shadow: 0 0.2rem 1rem rgba(100, 100, 100, 0.10) !important;
}

@media (max-width: 767px) {
    .title-page {
        background-image: url("../assets/bg-title.svg");
    }
}

.hr-metricas {
    color: var(--text-isd);
    position: relative;
    padding-bottom: 1rem;
}

.hr-metricas::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 00;
    width: 30px;
    height: 5px;
    border-radius: 20px;
    background-color: var(--color-isd-primary);
}
@media (min-width: 992px) {
    .hr-left-metricas::before {
        left: calc(100% - calc(20px + 12px) );
    }
}

.metricas-notas {
    font-size: 0.8rem;
    color: gray;   
}

.navbar-brand img {
    transition: 0.5s
}


/* ============================================================================
/ TABLEROS
/ ============================================================================*/
.title-dashboard {
    background-image: url("../assets/bg-title-lg.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.title-dashboard h1 {
    font-weight: bolder !important;
    text-shadow: 0 0.2rem 1rem rgba(100, 100, 100, 0.10) !important;
}

.title-dashboard i{
    text-shadow: 0 0.2rem 1rem rgba(100, 100, 100, 0.10) !important;
    height: 50px;
    width: 50px;
}

.container-iframe-isd{
    position: relative;
}

@media (min-width: 992px){
    .container-iframe-isd{
        width: 70%;
    }
}

@media (max-width: 991px){
    .container-iframe-isd{
        width: 100%;
    }
}


@media (min-width: 1200px) {
    .container-iframe-isd{
        padding-top: 45%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container-iframe-isd{
        padding-top: 46%;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .container-iframe-isd{
        padding-top: 65%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .container-iframe-isd{
        padding-top: 69%;
    }
}

@media (max-width: 575px) {
    .container-iframe-isd{
        padding-top: 74%;
    }
}

.iframe-isd{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 25px;
}

.text-dashboard {
    text-align: justify;
    text-justify: inter-word;
}

.img-dashboard{
    max-width: 100px;
}

.notas-dashboard-icon {
    font-size: 2rem;
}

.notas-dashboard p{
    font-size: 0.8rem;
    text-align: justify;
}

.notas-dashboard > table {
    font-size: 0.8rem;
    width: 100%;
    font-size: 0.8rem;
    overflow-wrap: break-word;
    border-collapse:separate;
    border:solid black 1.5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.notas-dashboard > table td, 
.notas-dashboard > table th {
    border-top:solid gray 1px;
}

.notas-dashboard > table th {
    background-color: #dff1e5ff;
    border-top: none;
}

.risk-factors i {
    font-size: 3.5rem;
    background: #fff;
    border-radius: 100px;
}

.update-dashboards {
    transform: translateY(7rem);
}


/* ============================================================================
/ NAV-ISD
/ ============================================================================*/
.navisd {
    background-color: none;
    position: fixed;
    width: auto;
	top: 80px;
	height: calc(100% - 80px);
    padding-right: 10px;
    float: left;
    z-index: 1001;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .navisd {
        top: 120px;
        height: calc(100% - 120px);
    }
}

.navisd-item > * {
    margin-bottom: 5px;
    transition: all 0.3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    cursor: pointer;
}

.navisd-item i {
    height: 40px;
    width: 40px;
    z-index: 1002;
}

.navisd-item span {
    position: absolute;
    width: 30px;
    white-space: nowrap;
    color:#fff;
    border-radius:25px;
    opacity: 0;
}

@media (min-height: 501px) and (min-width: 577px) {
    .navisd:hover {
        width: 250px;
    }

    .navisd-item:hover span {
        width: auto;
        padding-left: 55px;
        padding-right: 1em;
        opacity: 0.8;
    }
}

.navisd-item:hover i,
.navisd-item:active i,
.navisd-item:focus i {
    height: 50px;
    width: 50px;
}

.navisd::-webkit-scrollbar {
    display: none;
}
.navisd {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 991px) {
    .navbar-dark > div > .offcanvas-home{
        color: white !important;
        background-color: #444044 !important;
    }
    .navbar-dark > div >.offcanvas-home .offcanvas-header{
        background-color: #1c1a1a !important;
    }

    .navbar-dark .btn-close {
        background-color: white;
    }
}

/* ============================================================================
/ MENU DASHBOARDS
/ ============================================================================*/
.icon-menu-dashboard {
    border-radius: 25px;
}

@media(max-width: 767px) {
    .icon-menu-dashboard {
        font-size: 0.85rem;
    }
}

.icon-menu-dashboard a {
    text-align: center;
    text-decoration: none !important;
    margin: 0;
    transition: all 1s ease;
}

.icon-menu-dashboard p {
    margin: 0;
}

.icon-menu-dashboard i {
    border-radius: 100px;
    font-size: 6rem;
}


.menu-isd-covid {
    background: linear-gradient(var(--color-isd-covid) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}

.menu-isd-mama {
    background: linear-gradient(var(--color-isd-mama) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-vph {
    background: linear-gradient(var(--color-isd-vph) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-gpos-sanguineos {
    background: linear-gradient(var(--color-isd-gpos-sanguineos) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-obesidad-sobrepeso {
    background: linear-gradient(var(--color-isd-obesidad-sobrepeso) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-diabetes {
    background: linear-gradient(var(--color-isd-diabetes) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-hipertension {
    background: linear-gradient(var(--color-isd-hipertension) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-salud-visual {
    background: linear-gradient(var(--color-isd-salud-visual) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-dislipidemias {
    background: linear-gradient(var(--color-isd-dislipidemias) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-insuficiencia {
    background: linear-gradient(var(--color-isd-insuficiencia) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-psa {
    background: linear-gradient(var(--color-isd-psa) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-cardiopatias {
    background: linear-gradient(var(--color-isd-cardiopatias) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-densitometria {
    background: linear-gradient(var(--color-isd-densitometria) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-anemia {
    background: linear-gradient(var(--color-isd-anemia) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}
.menu-isd-res-anticrobiana {
    background: linear-gradient(var(--color-isd-res-anticrobiana) 0 0) no-repeat calc(200% - var(--p,0%)) 100% / 200% var(--p,.08em);
    transition: .3s var(--t,0s), background-position .2s calc(.3s - var(--t,0s));
}


.icon-menu-dashboard:hover,
.icon-menu-dashboard:active,
.icon-menu-dashboard:focus {
    --p: 100%;
    --t: .3s;
}

.icon-menu-dashboard:hover a,
.icon-menu-dashboard:active a,
.icon-menu-dashboard:focus a {
    color: #fff;
}


.img-note{
    margin: 0px;
}

.list-footnote {
    font-size: 0.8rem;
    text-align: justify;
}

.list-footnote li {
    transition: text-shadow 2000ms, color 2000ms;
    -webkit-transition: text-shadow 2000ms, color 2000ms;
    -moz-transition: text-shadow 2000ms, color 2000ms;
    -o-transition: text-shadow 2000ms, color 2000ms;
}

.fn-selected {
    text-shadow: 1px 1px 2px #44ad6b, 1px 1px 2px #44ad6b;
    color: #44ad6b;
}

.fn-selected::before {
    content: " ";
    display: block;
    visibility: hidden;
    margin-top: -7em;
    height: 7em;
    background-color: transparent !important;
}


/* ============================================================================
/ HOME
/ ============================================================================*/
#banner-home {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #000;
    height: 100vh;
}

.banner-home {
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    background-image: url("../assets/home/AnimationHome.gif");
}

.banner-home  svg,
.banner-home p {
    background-color: rgb(0,0,0,0.5);
}

.banner-tilte {
    text-align: center;
}

.aliado-logo {
    max-height: 6em;
}

@media (max-width: 1200px) {
    .aliado-logo {
        max-height: 5em;
    }
}

@media (max-width: 992px) {
    .aliado-logo {
        max-height: 4em;
    }
}

.btn-to-section-home {
    font-size: 4rem;
    opacity: 0.5;
}

.btn-to-section-home:hover {
    opacity: 1;
    transform: scale(1.1 ,1.1);
}


/* ============================================================================
/ CAROUSEL
/ ============================================================================*/
.banner-carousel {
    text-align: center;
    display: table;
}

.banner-carousel a {
    text-decoration: none;
}

.banner-carousel p {
    text-transform: uppercase;
    font-weight: bold;
}

.icon-banner-carousel {
    width: 8rem;
    border-radius: 25px;
}

.icon-banner-carousel i {
    line-height: 7.5rem;
    font-size: 5rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
}

.icon-banner-carousel:hover i,
.icon-banner-carousel:active i,
.icon-banner-carousel:focus i{
    font-size: 6rem;
}

#carousel-banner>div>div>.owl-item {
    display: flex;
    justify-content: center;
    text-align: center;
    min-height: 100%;
}

.btn-explorar {
    font-size: 1rem;
    border-radius: 15px;
    padding: 0.1rem 2rem;
    transition: all 100ms ease;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
}

.btn-explorar:hover,
.btn-explorar:active,
.btn-explorar:focus {
    font-weight: bold;
}


.btn-explorar-banner {
    font-size: 1.5rem;
    border-radius: 25px;
    padding: 2px 20px;
    transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.btn-explorar-banner:hover,
.btn-explorar-banner:active,
.btn-explorar-banner:focus {
    transform: scale(1.1, 1.1);
    box-shadow: 0 0 6px #FFF;
}

@media (max-width: 560px){
    .icon-banner-carousel {
        height: 6rem;
        width: 6rem;
        border-radius: 25px;
    }
    
    .icon-banner-carousel i {
        line-height: 6rem;
    }

    .banner-carousel p {
        font-size: 0.7rem;
    }
}


@media (min-width: 561px) and (max-width: 767px){
    .icon-banner-carousel {
        height: 7rem;
        width: 7rem;
        border-radius: 25px;
    }
    
    .icon-banner-carousel i {
        line-height: 7rem;
    }
}

.owl-nav .owl-next {
    position: absolute;
    top: 20%;
    right: -10px;
    z-index: 1;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 20%;
    left: -10px;
    z-index: 1;
}

.owl-nav .owl-next>i {
    padding: 0px 0.2em 0px 0.3em !important;
}

.owl-nav .owl-prev>i {
    padding: 0px 0.3em 0px 0.2em !important;
}

.owl-nav>button {
    background-color: var(--color-isd-primary) !important;
    border-radius: 25px !important;
    color: white !important;
}

.owl-nav>button>i {
    font-size: 1.5rem !important;
    background: none !important;
    transition: transform 200ms ease-out;
    -webkit-transition: transform 200ms ease-out;
    -moz-transition: transform 200ms ease-out;
    -o-transition: transform 200ms ease-out;
}

.owl-nav>button>i:hover {
    transform: scale(1.4, 1.4);
    text-shadow: 0 0 3px white;
}

@media (max-width: 991px){
    .owl-nav{
        display: none;
    }
}


/* ============================================================================
/ CONTACT FORM 7
/ ============================================================================*/
#wpcf7-f624-o1 div{
    color: white;
    background-color: #f7b63e;
    border-radius: 25px;
    font-weight: bold;
}

#wpcf7-f624-o1 .cf7-text p:first-child {
    font-size: 1.4rem;
    margin: 0px;
}

#wpcf7-f624-o1 .cf7-text p:last-child {
    font-size: 2.25rem;
    margin: 0px;
}

#wpcf7-f624-o1 .cf7-fields * {
    width: 100%;
}

#wpcf7-f624-o1 .cf7-fields input,
#wpcf7-f624-o1 .cf7-fields textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
}

#wpcf7-f624-o1 .cf7-submint input {
    font-weight: bold;
    padding: 5px 10px;
    color: white;
    font-size: 1.25rem;
    background-color: #de2f7a;
    border: none;
    border-radius: 25px;
    transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out;
}

#wpcf7-f624-o1 .cf7-submint input:hover {
    transform: scale(1.1, 1.1);
}

.wpcf7-response-output {
    margin: 0px !important;
    padding: 0.2em 2em !important;
    border: none !important;
    background-color: rgb(0,0,0,0) !important;
    color: gray !important;
    font-style: italic !important;
    font-weight: normal !important;
}

#wpcf7-f624-o1 .cf7-submint span{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


/* ============================================================================
/ reCAPTCHA - CONTACT FORM 7
/ ============================================================================*/
.recaptcha-elem, .recaptcha-elem * {
	background-color: transparent !important;
}

@media (min-width: 1400px) {
    #recaptcha_contact {
        margin-left: -1.3rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #recaptcha_contact {
        margin-left: -2.3rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #recaptcha_contact {
        margin-left: -3.7rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #recaptcha_contact {
        margin-left: -1rem;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    #recaptcha_contact {
        margin-left: -3.2rem;
    }
}

@media (min-width: 450px) and (max-width: 499px) {
    #recaptcha_contact {
        margin-left: -4rem;
    }
}

@media (max-width: 449px) {
    #recaptcha_contact {
        margin-left: -4.5rem;
    }
}


/* ============================================================================
/ PAPERS
/ ============================================================================*/
.img-preview {
    height:200px;
    background-size: 100%;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all 750ms ease;
    -webkit-transition: all 750ms ease;
    -moz-transition: all 750ms ease;
    -o-transition: all 750ms ease;
}

.img-preview:hover {
    background-size: 130%;
    background-position: center center;
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
  
.img-pre-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    transition: .5s ease;
    background-color: rgba(128,128,128, 0.7);
}

.img-pre-text {
    color: white;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

@media (min-width: 768px){
    .img-pre-link {
        opacity: 0;
    }

    .img-preview:hover .img-pre-link {
        opacity: 1;
    }
}

@media (max-width: 767px){
    .img-preview .img-pre-link {
        opacity: 1;
    }
}

.shield {
    cursor: pointer;
}

.social-share {
    text-decoration: none !important;
    padding-right: 2px;
}

#paper-metadata .h4{
    line-height: 2rem;
}

#paper-abstract{
    text-align: justify;
    line-height: 2rem;
}

#paper-citation h5 {
    font-weight: bold;
}

#paper-citation p {
    font-size: 0.7rem;
    text-align: justify;
}

.paper-citation-btn {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.paper-citation-btn:hover {
    font-size: 1.3rem;   
}

.navigation-inv .fa {
    font-size: 3rem;
    margin: 1rem;
}

@media (max-width: 767px) {
    .title-nav-paper {
        text-transform: uppercase;
    }
}


/* ============================================================================
/ CARDS-PAPERS
/ ============================================================================*/
.card-paper .card-head {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 12rem;
    padding: 0px !important;

    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
}

.card-paper .card-head a {
    text-decoration: none;
}

.card-paper .card-head .heading-magazine {
    font-weight: bold;
}

.card-paper .card-head .bg-card {
    background-color: rgba(71, 84, 76, 0.4);
    opacity: 1;
    height: 100%;
    width: 100%;
    color: white;
}

@media (min-width: 992px) {
    .card-paper .card-head:hover {
        background-size: 150%;
        transition: all 500ms cubic-bezier(.72,.45,.63,.82);
        -webkit-transition: all 500ms cubic-bezier(.72,.45,.63,.82);
        -moz-transition: all 500ms cubic-bezier(.72,.45,.63,.82);
        -o-transition: all 500ms cubic-bezier(.72,.45,.63,.82);
    }

    .card-paper .card-head:hover .bg-card {
        transition: 500ms;
        background-color: rgba(71, 84, 76, 0.8);
    }

    .card-paper .card-head .bg-card > div {
        display: none;
    }

    .card-paper .card-head:hover .bg-card > div {
        display: block;
    }
}

@media (max-width: 991px) {
    .card-paper .card-head .bg-card {
        transition: 500ms;
        background-color: rgba(71, 84, 76, 0.8);
    }
}

.card-paper .card-body {
    text-align: justify;
}

.card-paper .card-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
            line-clamp: 4; 
    -webkit-box-orient: vertical;
}

.card-paper .card-footer {
    background: lightgray;
}

.card-paper .card-footer .btn {
    color: var(--color-isd-primary);
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
}

@media (min-width: 1200px) {
    .animated_down_inv:nth-child(4n-3) { animation-delay: 0ms;}
    .animated_down_inv:nth-child(4n-2) { animation-delay: 150ms;}
    .animated_down_inv:nth-child(4n-1) { animation-delay: 300ms;}
    .animated_down_inv:nth-child(4n-0) { animation-delay: 450ms;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .animated_down_inv:nth-child(3n-2) { animation-delay: 0ms;}
    .animated_down_inv:nth-child(3n-1) { animation-delay: 150ms;}
    .animated_down_inv:nth-child(3n-0) { animation-delay: 300ms;}
}

@media (min-width: 575px) and (max-width: 767px) {
    .animated_down_inv:nth-child(2n-1) { animation-delay: 0ms;}
    .animated_down_inv:nth-child(2n-0) { animation-delay: 150ms;}
}


/* ============================================================================
/ CONTACT PAGE - CONTACT FORM 7
/ ============================================================================*/
.contact-form { 
    background-image: url("../assets/contact/contact-form.svg"); 
    background-size: contain;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    min-height: 37rem;
}
@media (max-width: 450px) {
    .contact-form { 
        min-height: 30rem;
    }
}

.contact-text h1 {
    margin-left: 3rem;
}

@media (min-width: 992px) {
    .contact-text { 
        background-image: url("../assets/contact/contact-text.svg"); 
        background-size: contain;
        background-position: 50% 0%;
        background-repeat: no-repeat;
    }

    .contact-text h1 {
        margin-top: 4em;
    }
}

#wpcf7-f888-o1 {
    margin-top: 6rem;
}

#wpcf7-f888-o1 div {
    color: white;
    border-radius: 25px;
    font-weight: bold;
}

#wpcf7-f888-o1 .cf7-fields * {
    width: 100%;
}

#wpcf7-f888-o1 .cf7-fields input,
#wpcf7-f888-o1 .cf7-fields textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
}

#wpcf7-f888-o1 .cf7-submint input {
    font-weight: bold;
    padding: 5px 10px;
    color: white;
    font-size: 1rem;
    background-color: #de2f7a;
    border: none;
    border-radius: 25px;
    transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -o-transition: transform 200ms ease-in-out;
}

#wpcf7-f888-o1 .cf7-submint input:hover {
    transform: scale(1.1, 1.1);
}

#wpcf7-f888-o1 .cf7-submint span{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#wpcf7-f888-o1 .wpcf7-not-valid-tip {
    font-size: 0.8rem;
}


/* ============================================================================
/ ANIMATION BANNER
/ ============================================================================*/
.fireworks {
    position: absolute;
	height: 100vh; 
    width: 100vw; 
    display: block;
}

#isd-anime{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

[class^="animated_"], [class*=" animated_"] {
    opacity: 0;
}

.skip-home-animation {
    position: absolute;
	top: 0;
	left: 0;
    height: 100vh;
}


/* ============================================================================
/ FAQ - ACCORDION
/ ============================================================================*/

.accordion-button:not(.collapsed) {
    color: var(--color-isd-primary);
    background-color: #dff1e5;
    font-weight: bold;
}

.accordion-item {
    background-color: #f7f7f7;
    border: 2px solid var(--color-isd-primary);
}

.accordion-button.collapsed:hover::after {
    transform: scale(1.6,1.6);
}


/* ============================================================================
/ COLAPSE INFORMATION - DASHBOARDS
/ ============================================================================*/
.dashboard-inf-header {
    cursor: pointer;
    font-weight: bold;
    transition: transform 300ms, font-size 300ms;
    -webkit-transition: transform 300ms, font-size 300ms;
    -moz-transition: transform 300ms, font-size 300ms;
    -o-transition: transform 300ms, font-size 300ms;    
}

.dashboard-inf-content {
    display: none;
    padding : 5px;
}

.dashboard-inf-content * {
    padding: 0px;
}

.dashboard-inf-flip {
    transform: rotate(-180deg);
}

.dashboard-inf-header:hover {
    transform: scale(2 , 2);
}

.dashboard-inf-flip:hover {
    transform: rotate(-180deg) scale(2 , 2);
}


/* ============================================================================
/ PAGE 404
/ ============================================================================*/
.img-isd-404{
    max-height: 50vh;
    max-width: 75vw;
}


/* ============================================================================
/ DASHBOARDS - PRIVACITY
/ ============================================================================*/
#consentToast {
    position: fixed;
    bottom: 0;
    width: 50vw;
    left: 25vw;
    border-radius: 25px 25px 0 0;
    padding: 1rem 3rem 1rem 1.5rem;
    z-index: 1021;
}

#consentToast .fa {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    font-size: 1.25rem;
}

#closeToast {
    position: absolute;
    top: 0;
    left: 0;
    height: 25%;
    width: 100%;
    cursor: pointer;
}

@media (max-width: 991px) { 
    #consentToast {
        width: 80vw;
        left: 10vw;
    }
}


/* ============================================================================
/ COLABORADORES
/ ============================================================================*/
.colab-photo {
    display: inline-block;
    position: relative;
    width: 100%;   
    padding-top: 100%;
    border-radius: 2rem;
    animation: none !important;
    transition: transform 800ms, opacity 800ms;
}

.colab-photo img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 2rem;
    object-fit: cover;
}

.colab-logo {
    height: auto;
    max-height: 4rem;
    max-width: 7rem;
}


/* ============================================================================
/ COLLABORATOR - NAME
/ ============================================================================*/
.colab-row {
    opacity: 0;
    background-color: rgb(150,150,150,0.1);
    border-radius: 1rem;
    transition: opacity 800ms linear;
}


.colab-name {
    width: 0%;
    background-color: var(--color-isd-primary);
    color: white;
    border: 2px solid white;
    outline: 0.5px solid var(--color-isd-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 1rem;
    padding: 0rem 0.2rem 0rem 3.5rem;
    margin: 1.5rem 0 0 0;
}

.colab-name::before {
    width: 3.5rem;
    position: absolute;
    content: attr(initial);
    text-align: center;
    line-height: 2.5rem;
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    background-color: var(--color-isd-primary);
    border: 3px solid white;
    outline: 0.5px solid var(--color-isd-primary);
    border-radius: 50%;
    padding: 0.3rem 0.5rem;
    transform: translate(-3.7rem, -1.2rem);
}

.colaboration {
    width: 0%;
    height: 1.5rem;
    max-height: 3rem;
    padding-left: 3rem;
    font-style: italic;
    font-weight: 100;
    overflow: hidden;
}

.colab-name-anime .colab-name {
    width: 100%;
    transition: width 800ms cubic-bezier(.25,.7,.6,1);
}

.colab-name-anime .colaboration {
    width: 100%;
    height: 100%;
    transition: width 1000ms cubic-bezier(.25,.7,.6,1) 500ms, height 500ms linear 1000ms;
}

.formacion em {
    font-weight: lighter;
}


/* ============================================================================
/ COLLABORATOR - SKILLS
/ ============================================================================*/
.colab-quote i {
    font-size: 2.5rem;
    color: lightgray;
    margin-right: 0.5rem;
}

.stat-zero .skill-bar-inner {
    width: 0% !important;
}

.skill-bar {
    margin-bottom: 1rem;
    background: hsl(0, 0%, 97%);
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
    height: 5px;
    margin-top: 2.5rem;
    position: relative;
}


.skill-bar .skill-bar-title{
    color: gray;
    font-weight: 300;
    position: relative;
    top: -28px;
    
}

.skill-bar .skill-bar-inner {
    background-color: var(--color-isd-primary);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.skill-bar .skill-bar-inner:before {
    content: "";
    background-color: hsl(0, 0%, 100%);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index
    : 1;
}
.skill-bar .skill-bar-inner:after {
    content: "";
    width: 14px;
    height: 14px;
    background-color: inherit;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -5px;
}

.skill-bar:nth-child(1) .skill-bar-inner { transition: width 1000ms cubic-bezier(.73,.72,.61,.91) 0ms; }
.skill-bar:nth-child(2) .skill-bar-inner { transition: width 1000ms cubic-bezier(.73,.72,.61,.91) 150ms; }
.skill-bar:nth-child(3) .skill-bar-inner { transition: width 1000ms cubic-bezier(.73,.72,.61,.91) 300ms; }



@keyframes colab-fadeIn {
    from {opacity:0; transform: translateY(50%);}
    to   {opacity:1; transform: translateY(  0%);}
}

.colab-row > div > div {
    animation-name: colab-fadeIn;
    animation-duration: 1000ms;
}

.no-anime > div > div {
    opacity: 0;
    animation: none;   
}

.no-anime .colab-badge {
    transform: scale(0)
}


.no-anime .colab-photo {
    transform: scale(0.9);
    opacity: 0;
}


/* ============================================================================
/ COLLABORATOR - BADGES
/ ============================================================================*/
.colab-badge {
    height: auto;
    max-width: 30%;
    transition: transform 200ms cubic-bezier(.25,.7,.6,1);
    -webkit-transition: transform 200ms cubic-bezier(.25,.7,.6,1);
    -moz-transition: transform 200ms cubic-bezier(.25,.7,.6,1);
    -o-transition: transform 200ms cubic-bezier(.25,.7,.6,1);
}

.colab-badge:hover {
    transform: scale(1.2);
}

@keyframes badge-anime {
    0%   {transform: scale(0.2);}
    50%  {transform: scale(1.2);}
    100% {transform: scale(1.0);}
}

.colab-badge-anime .colab-badge {
    animation-name: badge-anime;
}

.colab-badge:nth-child(1) { animation-duration: 1000ms;}
.colab-badge:nth-child(2) { animation-duration: 1500ms;}
.colab-badge:nth-child(3) { animation-duration: 2000ms;}


/* ============================================================================
/ OTROS ALIADOS
/ ============================================================================*/
#otros-talentos {
    border-radius: 3rem;
    background-color:rgba(200, 200, 200, 0.2);
}

#otros-talentos .fa {
    font-size: 2.5em;
}

#mentores-amigos p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#otros-talentos .col {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ============================================================================
/ SHARE DASHBOARDS
/ ============================================================================*/
#social-share {
    text-align: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    position: fixed;
    right: 2rem;
    top: calc(50% - 2.5rem);
    font-size: 1.5rem;
    padding: 0;
    margin: 0;
}

.ss-menu,
.ss-item {
    right: 1rem;
    top: calc(50% - 1rem);
}

.ss-menu {
    width: 3rem;
    height: 3rem;
    position: fixed;
    border-radius: 50%;
    background-color: gray;
    line-height: 3rem;
    margin: -1.5rem 0 0 -1.5rem;
    color: #fff;
    transition: background-color  500ms;
    z-index: 1;
}

.ss-item {
    width: 2rem;
    height: 2rem;
    position: fixed;
    border-radius: 50%;
    line-height: 1rem;
    margin: -1rem 0 0 -1rem;
    font-size: 1rem;
    transition: transform 500ms, opacity 300ms, box-shadow 300ms;
            }

.ss-item:hover {
    opacity: 0.5;
    box-shadow: 0 3px 10px lightgrey;
}

.ss-item a {
    color: #fff;
    position: relative;
    top: 25%;
    right: 0;
    text-decoration: none;
}

.ss-item.linkedin {
    background-color: #0a66c2;   
}

.ss-item.facebook {
    background-color: #4867aa;   
}

.ss-item.twitter {
    background-color: #1d9bf0;   
}

#social-share.ss-menu-open {
    width: 6rem;
    height: 8rem;
    top: calc(50% - 5rem);
}

#social-share.ss-menu-open .ss-menu {
    background-color: rgb(170, 170, 170);
}

#social-share.ss-menu-open>.ss-item:nth-child(2) {
    transform: rotate(50deg) translateX(-4rem) rotate(-50deg) scale(1.3);
    transition-delay: 000ms;
    opacity: 1;
}

#social-share.ss-menu-open>.ss-item:nth-child(3) {
    transform: rotate(0deg) translateX(-4rem) rotate(0deg) scale(1.3);
    transition-delay: 100ms;
    opacity: 1;
}

#social-share.ss-menu-open>.ss-item:nth-child(4) {
    transform: rotate(-50deg) translateX(-4rem) rotate(50deg) scale(1.3);
    transition-delay: 200ms;
    opacity: 1;
}


/* ============================================================================
/ SEARCH FORM
/ ============================================================================*/
#nav-search-isd {
    color: rgba(0, 0, 0, 0.55);
    cursor: pointer;
}

.navbar-dark #nav-search-isd {
    color: rgba(255, 255, 255, 0.75);
}

#nav-search-isd:hover {
    color: var(--color-isd-primary)
}

#search-form-isd {
    position: absolute;
    transform: translate(-90%, 40%);
    width: 25%;
    display: none;
}

.arrow-down-isd {
    transform: translate(-0.25rem);
    position: absolute; 
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;  
    border-bottom: 0.75rem solid var(--color-isd-primary);
    display: none;
}


.card-img-result > img {
    max-width: 10rem;
    height: auto;
}