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


.navbar-brand.logo-text .site-name{font-family: 'Raleway', sans-serif; font-weight:700; 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:#fff;
}

.t4-header {
   border-bottom: 1px solid #000033;
}
.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: 15px; margin-bottom: 10px;
}
.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: #000033;
}
.t4-palette-mainnav a:hover {border-radius: 0.25rem; background: rgba(255, 255, 255, 0.25);}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
    border-radius: 8px; background: rgba(255, 255, 255, 0.25);
}
.t4-megamenu .dropdown-menu {padding: .5rem;  border-radius: 8px;}
.t4-megamenu .dropdown-menu li> a:link {background-color: rgba(255, 255, 255, 0.25) ;border-radius: 0.25rem;margin: 0.2rem;
padding-right: .7rem; padding-left: .7rem;}
.t4-megamenu .dropdown-menu li > a:hover {border-radius: 0.25rem; background: #4B1F80 !important;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
  padding: .3rem;
}

/* Estilo texto destacado HOME */
.tx-destacado {
    padding: 60px 0px; font-size: clamp(1.25rem, 0.0481rem + 3.8462vw, 3.125rem); color: #000033;
    font-family: "Montserrat", sans-serif; line-height: 1.3;
}
/*-----------*/
/*pie-UNED*/
.t4-pie-uned p {font-size: 0.875rem; color:#555;}
.t4-pie-uned a {font-size: 0.875rem; color:#0000CC; text-decoration: underline;}
.t4-pie-uned a:hover {font-size: 0.875rem; color:#007BC0; text-decoration: underline;}

/*menú glosario*/

.menu-gris-horizontal .nav {
    gap: 20px !important; /* Define el espacio exacto de 20px */
}

/* Estilo de cada opción del menú */
.menu-gris-horizontal .nav-link {
    background-color: #E9ECEF;
    color: #000033 !important; 
    border: none !important; 
    border-radius: 10px; 
    padding: 12px 16px; /* Espacio interno de cada botón */
    transition: background-color 0.3s ease;
    margin-right: 20px;
    font-family: "Open Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Efecto al pasar el ratón (Hover) y estado activo */
.menu-gris-horizontal .nav-link:hover, 
.menu-gris-horizontal .nav-link.active {
    background-color: #4B1F80; 
    color: #FFFFFF !important;
}

.txt-u
{color: white;
font-family: "Raleway", sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;}

.t4-pie-sitio p{
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    line-height: normal;}
.t4-pie-sitio a {text-decoration: underline;}

footer-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; 
    flex-wrap: wrap; 
}

.footer-logos img {
    max-width: 150px; 
    height: auto;
}

.canal{margin-right: 10px;}
.t4-palette-pie-sitio .t4-module .module-title {
     text-transform: capitalize;
     font-size: 1.375rem;
     font-style: normal;
     font-weight: 700;
     font-family: "Raleway", sans-serif;
}

.bi-size-53{
			width: 68px;
			height: 68px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 48px; 
			line-height: 1;
		}

.ecos {
            border-radius: 1.25rem;
            border: 1px solid #4B1F80;
            background: #FFF;
        }

.fondo-morado {
            border-radius: 0.625rem;
            background: #4B1F80;
        }
.estudios {
            border-radius: 1.25rem;
            border: 1px solid #4B1F80;
            background: #E9ECEF;
            overflow: hidden;
        }

.recuadro-doc {
            border-radius: 0.75rem;
            background: #FFF;
            box-shadow: 4px 4px 10px 0 rgba(154, 169, 195, 0.72);
        }
.recuadro-text{color: #003;
text-align: center;
font-family: "Raleway", sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration: underline;}

.recuadro-doc:hover, a:focus .recuadro-doc {
    background: #FFF2B8 !important;
}

.tit-palabra{border-radius: 0.5rem;
background:  #E9ECEF;
display: inline-flex;
padding: 12px 20px;
align-items: center;
gap: 8px;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: normal;}

/*botón de contacto*/
  .btn-contacto {
            background-color: #000033;
            color: white;
            border: 2px solid #000033;
        }
        .btn-contacto:hover {
            background-color: #000050;
            border-color: #000050;
            color: white;
        }
        .btn-contacto:active {
            background-color: #000033;
            border-color: #000033;
            color: white;
        }

@media (max-width: 576px) {
    .footer-logos {
        flex-direction: column; 
        gap: 10px;
    }

    .footer-logos img {
        max-width: 120px; 
    }
}

@media (max-width: 575.98px) { .cintillo-tx {display: none;}
  .hide-uned {display:none;}
  
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    font-size: 1.125rem;height: 60px;padding: 15px;
}

  /* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { .hide-uned {display:none;}
 }
/* franja comunicados */
.franja-comunicados {
 
    padding: 3.25rem 0 3.8rem;

    .franja-comunicados-title {
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: 0.85rem;
        font-size: clamp(1.9rem, 2.8vw, 2.95rem);
        font-weight: 700;
        line-height: 1.1;
    }

    .franja-comunicados-title i {
        font-size: 0.84em;
    }

}