h1 { color: #000033;}
h2 { color: #000033;}
h3 {color: #00519e;}
h4 {color: #007BC0;}
h5 {color: #FF3300;}
h6 {color: #000033;}
a {color:#00519E;}
a.hover {color:#007BC0;}

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

/* Franja superior UNED */
.t4-palette-top_uned, .t4-topbar {height:50px;}
.t4-palette-mainnav, .t4-palette-menú {font-family: 'Raleway', sans-serif;}
.t4-palette-top_sitio {padding: 2px;}
.t4-topbar p {margin: 7px 0px;}
.t4-topbar{padding-top:0px;}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color:#00519e;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    margin: 0 10px;
}

.t4-footer .container, .t4-footer .t4-masthead .t4-masthead-detail, .t4-masthead .t4-footer .t4-masthead-detail {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.item-page.layout-1 .top-article-info {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
   max-width: 100%;
}
.titdir {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1;
    font-family: 'Raleway', sans-serif;
}
.list-group-item {
   
    background-color: transparent;
   
}

.t3-otra2 {
  background: #dddddd;
  margin: 20px 0;
  padding: 30px;
}
.titeve {
   font-family: 'Raleway', sans-serif;
  color: #000000;
  font-size: 1.875rem;
  font-weight: bold;
}
.t3-otra3 {
  background: #00519e;
  margin: 20px 0 0 20px;
  padding: 30px;
  color: #ffffff;
  font-size: 1.375rem;
  line-height: 1;
}
.titenin {
   font-family: 'Raleway', sans-serif;
  color: #ffffff;
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 50px;
}
.enla {
  font-family: 'Raleway', sans-serif;
  line-height: 1;
  font-size: 1.25rem;
}
.t4-palette-enlaces_de_interés a:hover {
    color: #FFDD33;
    text-decoration: underline;
}
.titdir {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
   font-family: 'Raleway', sans-serif;
}
.txtpie {
  font-size: 1.375rem;
     font-family: 'Raleway', sans-serif;
    line-height: 1;
}
.organigrama * {
  margin: 0px;
  padding: 0px;
}
.organigrama ul {
  padding-top: 20px;
  position: relative;
}
.organigrama li {
  float: left;
  text-align: center;
  list-style-type: none;
  padding: 20px 5px 0px 5px;
  position: relative;
}
.organigrama li::before,
.organigrama li::after {
  content: '';
  position: absolute;
  top: 0px;
  right: 50%;
  border-top: 3px solid #F2F2F2;
  width: 50%;
  height: 20px;
}
.organigrama li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #F2F2F2;
}
.organigrama li:only-child::before,
.organigrama li:only-child::after {
  display: none;
}
.organigrama li:only-child {
  padding-top: 0;
}
.organigrama li:first-child::before,
.organigrama li:last-child::after {
  border: 0 none;
}
.organigrama li:last-child::before {
  border-right: 3px solid #F2F2F2;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.organigrama li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}
.organigrama ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 3px solid #F2F2F2;
  width: 0;
  height: 20px;
}
.organigrama li a {
  padding: 1em 0.75em;
  text-decoration: none;
  color: #00519e;
  background-color: #F2F2F2;
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  transition: all 500ms;
}
.organigrama li a:hover {
  border: 1px solid #F2F2F2;
  text-decoration: underline;
  background-color: #F2F2F2;
  display: inline-block;
}
.organigrama > ul > li > a {
  font-size: 1em;
  font-weight: bold;
}
.organigrama > ul > li > ul > li > a {
  width: 15rem;
}
.fondoqs {
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px;
}
.fondoqs1 {
  border-left: 10px solid #007bc0;
  padding-left: 15px;
}
.fondoob {
  border-left: 10px solid #669933;
  padding-left: 15px;
}
.fondofu {
  border-left: 10px solid #cc1906;
  padding-left: 15px;
}
.titqs {
  color: #007bc0;
  font-size: 1.875rem;
}
.titob {
  color: #669933;
  font-size: 1.875rem;
}
.titfu {
  color: #cc1906;
  font-size: 1.87r5em;
}
.pais {
  padding: 15px 0px;
  margin: 20px 10px 30px 20px;
  min-height: 60px;
}
.fondoale {
  background: url("https://www.uned.ac.cr/viplan/images/dic/nuevo_diseno/paises/banderas/cielo.jpg");
  background-position: right;
  background-repeat: repeat-y;
  height: 100px;
}
.fondoei, .fondoog {
  background: #f2f2f2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px;
  margin: 5px 10px;
  min-height: 50px;
}

.t4-palette-pie_dic {background-color: #eee;padding: 2rem;}
.pie-uned {height: auto;} 
.fondorojo{background: #CC1906FF;  color:#fff;padding: 30px;}
.fondoazul{background: #007BC0FF;  color:#fff;padding: 30px;}
.fondorojo .titproy, .fondoazul .titproy{font-family: 'Raleway', sans-serif;font-size: 2rem;    line-height: normal;
    padding-top: 20px;}
.fondorojo .titproy2, .fondoazul .titproy2{font-size: 2.3rem; font-weight: bold;}
.fondorojo .txtproyrojo, .fondoazul .txtproyrojo{padding-top: 30px;}


.btn.btn-danger {
    background-color: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2);
    width: 100%;
    font-weight: bold;
    font-size: 112.5%;
    }
.btn.btn-danger:hover {
  background: white; color:black;
}
    
.btn-rojo :active, .btn-rojo :focus, .btn-rojo :hover{background: white; color:black;}

.viplan {
color: #fff!important;
background: #4068B3;
border-color: #4068B3!important;}

.btn.btn-outline-primary:hover, .viplan:hover {
    background-color: #4978D1;
    color: #fff;
}
/* MOBILE */
@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;} 
.nav-breakpoint-lg .t4-megamenu {background: #0D3996;}
}

@media screen and (min-width: 768px) {
  .t3-sl {padding-bottom: 0px;padding-top: 20px;}
  .header {display: none;}
   .site-name {text-wrap: balance;}
   .t4-offcanvas-toggle {text-align: right;}
 
}

@media (max-width: 760px) {
  .hide-uned {display: none;} /* Oculta texto UNED */
  .navbar-brand.logo-text .site-name {text-wrap: balance; font-size: 1.125rem;}/*ajusta el título del sitio*/
}

@media only screen and (max-width: 600px) {
  .img-foto {display: block;max-width: 100%;height: auto;}
  iframe {display: block;max-width: 100%;height: auto;}
  .t4-offcanvas-toggle {text-align: right;}
}

/*campos de revisión*/
.fields-container{list-style: none; padding: 8px; font-size: 1rem; color:#919393;}

/*botones home 16-10-2025*/
.morado {
    background-color: #663399;
    color: #ffffff;
    padding: 50px 40px;
    font-size: 1.75rem;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-weight: 700;
    min-height: 183px;
}

.azul {
    background-color: #007BC0;
    color: #ffffff;
    padding: 50px 30px;
    font-size: 1.65rem;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-weight: 700;   
    min-height: 183px;
}

.rojo {
    background-color: #CC1906;
    color: #ffffff;
    padding: 40px;
    font-size: 1.75rem;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;   
    font-weight: 700;
    min-height: 183px;
}

.naranja {
    background-color: #E36802;
    color: #ffffff;
    padding: 50px 40px;
    font-size: 1.75rem;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-weight: 700;
    min-height: 183px;
}
.btn.accesibles:hover,
    .btn.accesibles:active,
    .btn.accesibles:focus-visible {
      background-color: #000033 !important;
      color: #fff !important;
      border-color: #000033 !important;
      text-decoration: none;
      box-shadow: 0 0 0 4px rgba(0,0,51,0.15);
      transform: translateY(-1px);
    }
.infor-btn {
        font-family: "Raleway", sans-serif;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        padding: 20px !important;
        background-color: #0D3996;
        color: #fff !important;
        border: 2px solid transparent;
        border-radius: 0.375rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        text-decoration: none;
        transition: background-color .12s ease, box-shadow .12s ease, transform .08s ease;
      }

      .infor-btn .bi { font-size: 1.1em; line-height: 1; }

      .infor-btn:hover,
      .infor-btn:active {
        background-color: #000033;
        color: #fff !important;
        transform: translateY(-1px);
        text-decoration: none;
      }

      .infor-btn:focus-visible {
        outline: none;
        box-shadow: 0 0 0 4px rgba(11,94,215,0.18);
        border-color: rgba(255,255,255,0.08);
      }

      .infor-list-item { padding: 0; }

      .infor-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
      }
       @media (max-width: 992px) {
        .infor-list { grid-template-columns: repeat(2, 1fr); }
      }
      @media (max-width: 576px) {
        .infor-list { grid-template-columns: 1fr; }
      }