/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * ESTILOS GLOBALES * * * * */

body {
    background-color: #fff;
}

p {
    font-family: Tipo-UBB_Regular;
    margin-bottom: 0;
    color: #313131;
    font-size: 17px;
}

h3 {
    font-family: Tipo-UBB_Condensed-Bold;
    font-size: 30px;
    color: #272649;
    margin-bottom: 50px;
}

h6 {
    font-family: Tipo-UBB_Bold;
    font-size: 20px;
    color: #272649;
}

small {
    font-family: Tipo-UBB_Regular;
}

.seccion {
    padding-top: 70px;
    padding-bottom: 70px;
}

#avisoModalCenter .modal-content {
    background-color: #fff;
}

#avisoModalCenter .modal-content .modal-header {
    border-bottom: none;
}

#avisoModalCenter h6 {
    color: #272649;
    font-weight: 400;
}

#avisoModalCenter .modal-body h6 {
    font-family: Tipo-UBB_Regular;
    font-weight: 400 !important;
}

#avisoModalCenter .close {
    color: #272649;
    opacity: 1;
}

#avisoModalCenter .modal-body img {
    max-width: 100%;
    height: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Portada Principal (index) * * * * */


/* * * * * Menú de Navegación * * * * */
#menu-navegacion {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

#isotipo {
    height: 45px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

#menu-principal ul li a {
    padding: 0 15px;
    font-family: Tipo-UBB_Condensed-Regular;
    font-weight: 400;
    font-size: 20px;
    color: #272649;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

#menu-principal ul li a:hover {
    text-decoration: underline;
}

#menu-principal ul li a:active {
    background-color: #fff;
}

#menu-navegacion .navbar-toggler:focus {
    outline: none;
    background-color: #f1f2f3;
}

#menu-navegacion #menu-principal ul li a i {
    font-size: 16px;
    margin-left: 3px;
}

#menu-navegacion #menu-principal .mediosubb a {
    padding-top: 8px;
    padding-bottom: 8px;
}

#menu-navegacion #menu-principal .mediosubb a i {
    margin-left: 5px;
    opacity: .4;
    font-size: 14px;
}

#linea-superior {
    background-image: url(../img/Linea_superior_Menu.png);
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Portada * * * * */
#portada {
    height: calc(100vh - 90px);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,231,230,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,231,230,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(231,231,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e7e6",GradientType=1); 
}

#portada .contenedor-titulo-portada {
    height: calc(100vh - 118px);
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.lineaBase-portada {
    background-image: url(../img/linea-base-portada.png);
    height:28px;
}

#portada, .contenedor-titulo-portada {
    min-height: 600px;
}

#portada .contenedor-titulo-portada h1 {
    color: #fff;
    font-size: 3.2rem;
    margin-bottom: 5rem;
}

#portada .contenedor-titulo-portada .botones-titulo {
    display: flex;
    gap: 15px;
}

#portada .contenedor-titulo-portada .botones-titulo a {
    font-family: Roboto-Bold;
    color: #fff;
    font-size: 18px;
    padding: 17px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

#portada .contenedor-titulo-portada .botones-titulo a:last-child {
    margin-right: 0;
}

#portada .contenedor-titulo-portada .botones-titulo a:hover {
    text-decoration: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

#portada .contenedor-titulo-portada .botones-titulo .conocenos {
    background-color: #fff;
    color: #103954;
}

#portada .contenedor-titulo-portada .botones-titulo .servicios {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff;
}

#portada .contenedor-titulo-portada .botones-titulo .servicios:hover {
    background-color: #fff;
    color: #103954;
}

#portada .contenedor-titulo-portada .flecha {
    text-align: center;
    padding-top: 50px;
}

#portada .contenedor-titulo-portada .flecha a {
    color: #272649;
    font-size: 40px;
}

/*
.scroll-down-animacion {
	animation: scroll-down-animacion 1s ease-in-out infinite alternate-reverse;
	-webkit-animation: scroll-down-animacion 1s ease-in-out infinite alternate-reverse;
}

@keyframes scroll-down-animacion {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    100% {
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }
}

@-webkit-keyframes scroll-down-animacion {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    100% {
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
    }
}*/


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Aviso * * * * */
#aviso {
    background: #0072FF;
    text-align: center;
    padding: 10px 20px;
}
#aviso p {
    display: inline-block;
    color: #fff;
}

#aviso span i:hover {
    cursor: pointer;
}

#aviso span i {
    font-size: 1.5rem;
    color: #fff;
    margin-left: 1.5rem;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Candidaturas * * * * */
#candidaturas {
    text-align: center;
}

#candidaturas .candidatura-perfil .perfil {
    font-size: 80px;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

#candidaturas .candidatura-perfil p i {
    color: #09D39E;
}

#candidaturas .candidatura-perfil a {
    border: 2px solid #09D39E;
    padding: 5px 15px;
    color: #272649;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    display: inline-block;
}

#candidaturas .candidatura-perfil a:hover {
    text-decoration: none;
    background-color: #09D39E;
}

/*
#candidaturas .candidatura-perfil .boton-preguntas {
    background-color: #fff;
    border: 2px solid #09D39E;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    padding: 5px 10px;
    color: #272649;
}

#candidaturas .candidatura-perfil .boton-preguntas .flecha {
    font-size: 17px;
    margin-left: 25px;
    color: #272649;
}*/


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Documentos * * * * */
#documentos {
    background-color: rgba(231, 231, 230, .5);
    text-align: center;
}

#documentos .documentos-contenedor {
    text-align: left;
}

#documentos .documentos-contenedor a {
    font-family: Tipo-UBB_Regular;
    margin-bottom: 20px;
    color: #313131;
    font-size: 17px;
    display: block;
}

#documentos .documentos-contenedor a:last-child {
    margin-bottom: 0;
}

#documentos .documentos-contenedor a i {
    color: #09D39E;
    font-size: 25px;
    margin-right: 7px;
}

#documentos p i {
    color: #09D39E;
    font-size: 25px;
    margin-right: 7px;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Calendario * * * * */
#calendario {
    background-image: url(../img/fondo-calendario.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

#calendario .seccion {
    padding-bottom: 60px !important;
}

#calendario .seccion .contenedor-calendario {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#calendario .seccion .contenedor-calendario .evento {
    background-color: rgba(255, 255, 255, .85);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-align: left;
    padding: 27px;
    width: 30%;
    margin: 10px;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Debates * * * * */
#debates .seccion .video-contenedor .videoEmbed {
    margin-bottom: 20px;
}

#debates .seccion .video-contenedor .titulo-debate, 
#debates .seccion .video-contenedor .descripcion-debate {
    margin-bottom: 15px;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Pie * * * * */
#pie-pagina {
    background-color: #272649;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}

#pie-pagina small {
    color: #fff;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * Encabezado Interior Noticias * * * * */
#encabezado {
    background-image: url(../img/encabezado_superior.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#encabezado .titulo-encabezado {
    font-family: Tipo-UBB_Condensed-Bold;
    text-align: center;
    color: #272649 !important;
    padding: 40px 0;
}

#encabezado .titulo-encabezado h2 {
    margin-bottom: 10px;
}

#encabezado .titulo-encabezado .retorno a {
    color: rgba(39, 38, 73, .75);
    font-size: 14px;
    font-family: Tipo-UBB_Regular;
}

#encabezado .titulo-encabezado .retorno p {
    color: #272649;
    display: inline-block;
    font-size: 14px;
    font-family: Tipo-UBB_Regular;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * MEDIA QUERIES * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * Menú Principal (Desktop) * * * * */
@media (max-width: 1199px) {
    .menu-flotante {
        display: none;
    }
    .menuFlotante {
        display: none;
    }
}

@media (min-width: 1200px) {
    .menu-flotante {
        position: sticky;
        top: 0px;
        z-index: 100000;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * Encabezado Interior * * * * */
@media (min-width: 576px) {
    #encabezado .titulo-encabezado h2 {
        font-size: 3rem;
        line-height: 2.7rem;
    }
}

@media (max-width: 575px) {
    #encabezado .titulo-encabezado {
        padding: 30px 0px;
    }
    #encabezado .titulo-encabezado h2 {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * Calendario * * * * */
@media (max-width: 575px) {
    #calendario .seccion .contenedor-calendario .evento {
        width: 80%;
    }
}

@media (min-width: 576px) {
    #calendario .seccion .contenedor-calendario .evento {
        width: 45%;
    }
}

@media (min-width: 992px) {
    #calendario .seccion .contenedor-calendario .evento {
        width: 30%;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * Candidaturas * * * * */
@media (max-width: 767px) {
    #candidaturas .candidatura-perfil {
        margin-bottom: 50px;
    }
    #candidaturas .candidatura-perfil:last-child {
        margin-bottom: 0px;
    }
}