/* Ajustes franja superior UNED */
h2 {color: #000033;}
h3 {color: #0D3996;}
h4 {color: #007BC0;}
h5 {color: #F95125;}
h6 {color: #000033;}
a {color: #0000CC;}
a.hover {color: #007BC0;}

.site-name{font-family: 'Raleway', sans-serif; font-size: clamp(1rem, 2vw, 2rem);}
.uned {padding: 8px;}

.breadcrumb .divider:before {
    color: #555;
    content: ">" !important;
    display: inline-block;
}

/* Ajustes menú ajuste menu 24-09-24 GQQ*/
.t4-megamenu .dropdown-toggle .item-caret::before {
    border-top: 4px solid #fff;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    content: "";
    display: block;
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    font-size: 1.125rem;height: 60px;padding: 20px 1.2rem;
}
.t4-megamenu .mega-inner {padding-bottom: 0rem;padding-top: 0rem;}
.t4-megamenu.animate.slide .dropdown .dropdown-menu {
    min-width: 0;
    margin-top: -1rem;
    transition-property: margin-top,opacity;
    transition-timing-function: ease;
    background: #0D3996;
}
.t4-palette-mainnav a:hover {background-color: #000033;}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a, .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
  background-color: #003;
}
.t4-megamenu .dropdown-menu {padding: 1rem;}
.t4-megamenu .dropdown-menu li > a:hover {background-color: #003;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link {padding: .5rem;}
.dropdown-item {white-space: wrap;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
  padding: .5rem;
}
/* Fin ajustes menú */

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
    color: white;
}

.module-title span {
   font-size: 2.125rem;
    margin-bottom: -1px;
    padding: 0 0 .6666666667rem;
    color: #00519E;
    text-transform: capitalize;
}
.tamtex {font-size: 1rem;}
.tamtex-xs {font-size: 0.85rem;}
.tamtex-xl {font-size: 1.125rem;}
.tamtex-xxl {font-size: 1.3rem;}

.header-p {margin-bottom: 0;}

.page-header h1,
.categories-list h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: none;
}

.nombre-personal {
    color: #007bc0;
    font-size: 1.1em;
    font-style: italic;
    border-bottom: 1px dashed #007bc0;
    padding-bottom: 5px;
  font-weight:bold;
}

.fondo{background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #eee;
    margin-bottom: 1rem;
  padding: 15px;}

.tit_centro {
    font-size: 1.5rem;
    font-weight: bold;
    color: #00519e;
    text-align: left;
}

.t4-footnav .container {padding-top: 1rem;padding-bottom: 1rem;}

.titvideos{
    padding: 5px 0 0 20px;
    font-weight: bold;
    color: #fff;
    font-size: 1.125rem;
    width: 100%;}
    
.colorvideo{background: #F95125;height: 35px;}

/* Footer */
.t4-palette-pie_sitio {background-color: #eee;}
.titdir {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
   font-family: 'Raleway', sans-serif;
}
.ejecutiva {
color: #fff!important;
background: #4068B3;
border-color: #4068B3!important;}

.btn.btn-outline-primary:hover, .ejecutiva:hover {
    background-color: #4978D1;
    color: #fff;
}
.btnsoc {
    display: inline-block;
    font-weight: 400;
    color: var(--body-text-color);
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btnsoc:hover {
    color: #fff !important;
    background: #00519e !important;
    text-decoration: none
}

.fondo-consultas {
    background-color: #007bc0;
    color: #fff;
    padding: 20px 24px;
    line-height: 20px
}

.btnsos {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #00519e;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btnsos:hover {
    color: #fff !important;
    background: #036 !important;
    text-decoration: none
}

.fondo-servicios {
    background-color: #00519e;
    color: #fff;
    padding: 20px 17px;
    line-height: 20px
}

.btnsocap {
    display: inline-block;
    font-weight: 400;
    color: #003;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fc0;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btnsocap:hover {
    color: #003 !important;
    background: #ffb829 !important;
    text-decoration: none
}

.fondo-capacitaciones {
    background-color: #fc0;
    color: #003;
    padding: 20px 24px;
    line-height: 20px
}

.btnsoga {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #003;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btnsoga:hover {
    color: #fff !important;
    background: #036 !important;
    text-decoration: none
}

.fondo-galeria {
    background-color: #003;
    color: #fff;
    padding: 20px 24px;
    line-height: 20px
}

.tit1-botones {
    font-size: 1.25rem
}

.nom-personal {
    font-size: 1.25rem;
    font-weight: 700
}

.txtu {
    font-size: .875rem
}

.lineasocu {
    border-left: 1px solid #7fa8ce;
    padding-left: 20px;
    font-family: Open Sans
}

.t4-footer .container {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.face a {
    background: image("images/salud_ocupacional/diseno/facebook_01.png")
}

.face a:hover {
    background: image("images/salud_ocupacional/diseno/facebook_01_on.png")
}
/* MOBILE */

/*md small*/
@media (max-width: 575.98px) { .cintillo-tx {display: none;}
  .hide-uned {display:none;} }

  /* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { .hide-uned {display:none;} 
.t4-megamenu .dropdown-menu {
        background: #007bc0;
        -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);
        box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);
    }}

@media (max-width:360px) {
    .navbar-brand {white-space: normal}
    .navbar .navbar-toggler i {color: #fff}
    .hide-uned {display: none}
}

@media (max-width: 991.98px){
.t4-offcanvas-toggle {text-align: right;padding: 16px 0px;} /* ajustes menu 24-09-24 GQQ*/
.t4-offcanvas-toggle i {font-size: 28px;} /* ajustes menu 24-09-24 GQQ*/
}

.nombre {
    color: #007bc0;
    font-size: 1.1em;
    font-style: italic;
    border-bottom: 1px dashed #007bc0;
    padding-bottom: 5px;
  font-weight:bold;
}

.fondo{background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #eee;
    margin-bottom: 1rem;
  padding: 15px;}

.pdf-container {
            position: relative;
            width: 100%;
            padding-bottom: 75%; /* Ajusta la relación de aspecto aquí (75% = 4:3, 56.25% = 16:9) */
            height: 0;
            overflow: hidden;
        }

.pdf-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
/* pie Vicerrectoría*/
.titve {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
   font-family: 'Raleway', sans-serif;
}
.tituned{
  font-size: 1rem;
  line-height: 1;
   font-family: 'Raleway', sans-serif;
}
.pie2 h6{color: white;}
.pie2 a:hover, a:focus, a:active {
    color: #fff;
}