/**
 * @file
 * Subtheme specific CSS.
 */

 @font-face{
	font-family: 'Trueno Regular';
	src: url('../fonts/TruenoRg.otf') format('opentype');
}

@font-face{
	font-family: 'Trueno Semibold';
	src: url('../fonts/TruenoSBd.otf') format('opentype');
}

@font-face{
	font-family: 'Source Serif Pro Regular';
	src: url('../fonts/SourceSerifPro-Regular.ttf') format('opentype');
}


:root {
    --blanco1: #fff;
    --blanco2: #ffffff;
    --blanco3: #f5f5f5;
    --azul1: #0C344E;
    --azul2: #1E6694;
    --azul3: #2680B9;
    --celeste1: #43ADE7;
    --celeste2: #6BABD4;
    --celeste3: #C2DCEC;
    --gris1: #ccc;
    --gris2: #666666;
    --gris3: #c4c4c4;
    --gris4: #999999;
    --negro1: #232323;
    --negro2: #000000;
    --negro3: #0f0f0f;
    --negro4: #262626;
    --rojo1: #CB0404;
    --rojo2: #D43F3A;
    --verde1: #26943F;
    --font1: 'Trueno Regular';
    --font2: 'Trueno Semibold';
    --font3: 'Source Serif Pro Regular';
} 

/****************************************************************/
/*   ESTILOS GENERALES                                                     */
/****************************************************************/

h1 {
    font-family: VAR(--font1);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    margin-bottom: 20px;
}

h2,
h2 .field {
    font-family: var(--font1);
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    margin-bottom: 25px;
    margin-top: 35px;
}

h3, 
h3 .field {
    font-family: var(--font1);
    font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    margin-bottom: 10px;
    margin-top: 10px;
}

h4 {
    font-family: Trueno;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--negro3);
}

h5 {
    font-family: Trueno;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--negro3);
}

p {
    font-family: var(--font1);
    margin-bottom: 10px;
    line-height: 1.5;
}

a {
    font-family: var(--font1);
    line-height: 40px;
    text-decoration: none;
}

li {
    font-family: var(--font1);
    padding: 0 15px;
    line-height: 1.5;
}

@media (max-width: 768px) { 
    ul {
        padding-left: 15px;
    }
    
    li {
        padding: 5px;
    }
}

tr td, tr th, thead {
    border: 1px solid rgba(0,0,0,.125);
}

.grid-container {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0;
  }

.card-deck {
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	  margin: 5px;
      padding: 1rem 0 0 0;
	  border: 1px solid var(--blanco1);
      background-color: var(--blanco1);
  }  

.views-row {
    padding: 0;
}


span.file {
    margin: 10px 0;
}

/* Quitar iconos de archivos adjuntos */
.file--application-pdf .filefield-icon {
    /* background-image: url(/~drupaldev/ciUCR/web/themes/contrib/bootstrap_barrio/images/icons/application-pdf.png); */
    background-image:none;
}

/* Tablas */
.table {
    font-family: var(--font1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0px;
    text-align: left;
}

.table th {
    background-color: var(--celeste2);
    color: var(--blanco2);
    border-bottom: 1px solid var(--negro2);
    vertical-align: middle;
}

.table > thead > tr {
    border-bottom: 1px solid var(--negro2);
}

.table tbody {
    background-color: var(--blanco2) !important;
}

.table tbody tr:nth-child(odd) {
	background-color: #e6e6e6;
}

.table tbody tr:nth-child(even) {
	background-color: #fff;
}

.table tr {
    padding: 1rem 0.5rem;
}

@media screen and (max-width: 767px) {
	table {
		width:100%;
	}
	thead {
		display:none ;
	}

	tr td:first-child::before {
		content: line;
	}

	tbody td {
		display: block;
		text-align:center;
	}
	tbody td:before {
		content: attr(data-th);
		display: block;
		text-align:center;
	}

	table thead th,
	table td {
		border-bottom: 1px solid #fff;
	}

    .table tr td {    
        padding: 10px 15px;
        vertical-align: middle;
    }

     .table a {    
        line-height: normal;
    }
}

/* Acordeones */
.accordion-header {
    margin: 0;
}

/* MAYUSCULA */
.mayuscula {
    text-transform: uppercase;
}

/****************************************************************/
/*   HEADER                                                     */
/****************************************************************/
#navbar-main {
    background-color: var(--azul1) !important;
}

#navbar-top {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    justify-items: center;
}

.firma-ucr {
    padding: 0 40px;
    margin: 0;
}
  
.firma-ucr img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 992px) {
    .firma-ucr img {
        width: 85%;
        height: auto;
    }

    section.row.region.region-top-header {
        width: 100%;
    }

    .firma-ucr {
      padding: 0;
      display: flex;
      justify-content: center;
    }

    .firma-ucr a {
        text-align: center;
      }

    .navbar {
        padding: 0;
    }
}
  

.navbar-brand {
    padding: 0;
    text-align: right;
    width: 15%;
    height: auto;
    margin-right: 2rem;
}

.wsmobileheader img {
    width: auto;
    height: 100%;
}

.barra-movil a {
    margin: 0;    
}

.barra-movil li {
    list-style: none;
    padding: 7px 0;
    text-align: right;
}

.barra-movil {
    padding: 0;
    height: 54px;
}

@media (min-width: 768px) {
    #navbar-top {
        padding: 0;
    }
}

@media (max-width: 991px) { 
    .region-top-header-form .navbar-brand {
        display: none;
    }
}

section.row.region.region-top-header-form {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.sec-user {
    background-color: var(--azul1);
    text-align: right;
    padding: 0 15px;
}

.sec-user a,
.sec-user a:hover,
.sec-user a:focus {
    color: #ffffff;
}


/****************************************************************/
/****************************************************************/
/*   CONTENT                                                    */
/****************************************************************/
/****************************************************************/
body {
    font-family: var(--font1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--negro1)
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#page, #main-wrapper,
.region-primary-menu 
.menu-item a.is-active, 
.region-primary-menu, 
.menu-item--active-trail a, 
.field.field--name-field-imagen-banner.field--type-image.field--label-hidden.field__item.quickedit-field,
.field.field--name-field-imagen-banner.field--type-image.field--label-hidden.field__item {
    background-color: var(--blanco3) !important;
}

/*** Banner páginas ***/
.banner img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

/*** Banner ocn título ***/
.banner-titulo {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
}
 

h1.titulo-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 6vw;
    color: #000000;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    h1.titulo-banner {
        font-size: 4vw;
    }
}

/*** Imagen de contenidos ***/
.img-contenido img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .img-contenido img {
        width: 100%;
        height: auto;
    }
}

.card, 
.card-deck {
    box-shadow: 0px 3px 4px 1px #0000001A;
}

.card-deck {
    padding: 0;
}

.breadcrumb a {
    padding: 0;
}

.breadcrumb li {
    padding: 0 5px;
}

/******************************************/
/* SECCIÓN AVISOS SERVICIOS               */
/******************************************/

.aviso-servicios-activos,
.aviso-servicios-inactivos {
    border-top: 1px solid var(--rojo2);
    border-bottom: 1px solid var(--rojo2);
    margin-bottom: 15px;
    padding: 10px;
}

.aviso-servicios-activos {
    border-top: 1px solid var(--verde1);
    border-bottom: 1px solid var(--verde1);
    margin-bottom: 15px;
    padding: 10px;
}

.aviso-servicio {
    margin: 10px 0;
}

.aviso-servicios-inactivos .serv-icono,
.aviso-servicios-activos .serv-icono {
    padding: 0;
    margin: 0;
}

.aviso-servicios-inactivos .serv-icono p {
    background: url('../images/servicios_aviso.png');
}

.aviso-servicios-activos .serv-icono p {
    background: url('../images/servicios_recuperado.png');
}

.aviso-servicios-inactivos .serv-icono p,
.aviso-servicios-activos .serv-icono p {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    display: block;
    height: 85%;
    width: 85%;
}

.aviso-servicios-inactivos h2,
.aviso-servicios-inactivos h3 {
    color: var(--rojo2);
}

.aviso-servicios-activos h2,
.aviso-servicios-activos h3 {
    color: var(--verde1);
}

.aviso-servicios-activos h2,
.aviso-servicios-inactivos h2 {
    margin: 25px 0;
}

.aviso-servicio p {
    color: var(--gris2);
}

.aviso-servicio p,
.aviso-servicio h3 {
    margin: 0;
}

.aviso-servicio {
    margin-bottom: 20px;
}

.aviso-encabezado {
    display: flex;
    flex-wrap: nowrap;
    height: 50px;
}

.aviso-encabezado h2 {
    margin: 0;
}

@media (min-width: 768px) {
    .aviso-servicio {
        margin: 0 20px 25px 30px;
        padding: 0 5px;
    }

    .aviso-encabezado h2 {
        margin: 20px 0;
    }

    .aviso-encabezado {
        display: flex;
        flex-wrap: nowrap;
        height: 65px;
    }
}

/******************************************/
/* CARRUSEL PRINCIPAL                     */
/******************************************/
.highlighted .container {
    min-width: 100%;
    padding: 0;
    margin: 0;
}

div#views-bootstrap-carrusel-principal-block-1   {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
} 

.carousel-caption {
    right: 30%;
     left: 30%;
}

.carousel-caption h1 {
    font-family: var(--font1);
    font-size: 2.5rem;
    color:var(--blanco2);
    counter-reset: var(--blanco2);
    font-style: normal;
    font-weight: 300;
    line-height: 47px;
    letter-spacing: 0px;
    text-align: center;
    box-shadow: 0px 8px 16px 0px #00000033;
}

/*************************************************/
/* Noticias y actrividdes (página principal,     */
/* todas las publicaciones y página individual   */
/* Boletínes (del CI y seguridad)                */
/*************************************************/
.resumen-noticia img,
.proxima-actividad img,
.publicaciones img {
    width: 100%;
    height: auto;
}

.noticia-front h2 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
    color: var(--azul1);
}

.resumen-noticia h3 a {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    text-decoration: none;
    padding-left: 0;
}

.publicaciones h3 {
    margin-top: 0;
}

.publicaciones h3 a {
    font-size:1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    text-decoration: none;
    padding-left: 0;
}

.proxima-actividad h3 a {
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    text-decoration: none;
    padding-left: 0;
}

.view-ultima-noticia .more-link {
    text-align: right;
}

.noticia-recientes {
    margin: 10px 0;
    padding: 10px;
}

.resumen-noticia h3 a:hover,
.resumen-noticia h3 a:focus,
.proxima-actividad h3 a:hover,
.proxima-actividad h3 a:focus,
.publicaciones  h3 a:hover,
.publicaciones h3 a:focus {
    color: var(--azul1);
    text-decoration: underline;
}

.resumen-noticia p,
.proxima-actividad p,
.publicaciones p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.publicaciones .public-pie p {
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--azul1)
}

.row.resumen-noticia {
    margin: 20px 0;
}

.more-link{
    padding: 15px 0;
}

.more-link a{
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-align: left;
    color: var(--celeste1) !important;
    text-decoration: none;
}

.publicaciones {
    border-bottom: 1px solid var(--azul3);
    text-align: center;
    padding: 20px 0;
}


@media (max-width: 768px) {
    .resumen-noticia .sec-imagen,
    .proxima-actividad .sec-imagen {
        padding: 0;
        text-align: center;
    }

    .resumen-noticia .sec-texto,
    .proxima-actividad .sec-texto {
        padding: 0;
    }
}

/* Página de la publicación completa */
.public-encabezado {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}
.public-encabezado a,
.public-detalle-actividad a,
.public-footer a,
.public-redes-sociales a {
    padding-left: 0;
}

.public-img {
    margin: 30px 0;
}

.public-img img {
    width: 100%;
    height: auto;
}

.public-img p {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: left;
}

.public-tag {
    width: auto;
    color: var(--azul2);
    border: 1px solid var(--azul2);
    border-radius: 8%;
    margin: 10px;
    text-align: center;
    padding: 0 10px;
}

.public-titulo-actividad {
    font-family: var(--font1);
    color: var(--azul1);
    font-weight: 400;
    font-size: 1.1rem;
    margin: 20px 0 10px 0;
}

.public-detalle-actividad {
    border-top: 1px solid var(--azul2);
    border-bottom: 1px solid var(--azul2);
    padding: 20px 0;
    margin: 30px 0;
}

/* Redes sociales de avissos y boletines  */
.public-social {
   margin: 30px 0 40px 0;
   padding-top: 10px;
   border-top: 1px solid var(--azul1);
}

.public-redes-sociales {
    display: flex;;
}

@media only screen and (max-width: 767px) {
    .public-redes-sociales {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
}

.row.public-redes-sociales {
    display: flex;
}

.social-sharing-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    color: #666666;
}

.social-sharing-buttons a, .social-sharing-buttons__button {
    text-decoration: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Boletín del CI       */

.boletin .sec-boletin-enlace {
    background: linear-gradient(90deg, rgba(15, 78, 153, 0.92) 0%, #4AA6E0 100%);
    width: 142px;
    height: 132px;
    display: flex;
    align-content: space-between;
    padding: 0;
}

.boletin .boletin-palabra, 
.boletin .boletin-numero {
    padding: 0;
}

.boletin a {
    padding: 0 10px 10px 10px;
}

.boletin  a .boletin-palabra {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    width: 100%;
    height: 50%;
}

.boletin a .boletin-numero {
    font-family: var(--font3);
    font-size: 46px;
    color: #ffffff;
    width: 100%;
    min-height: 50%;
    display: flex;
    justify-content: end;
    align-items: end;;
}

.boletin .sec-boletin-enlace a {
    width: 100%;
    height: 100%;
}

.boletin-fecha {
    font-size: 14px;
}

.boletín-resumen {
    font-size: 16px;
}

.banner-boletines-todos img {
    margin: 40px 0 0 0;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
    .banner-boletines-todos img {
        margin: 20px 0;
    }
}

.boletines-banner .recuadro .boletin-txt-ci {
    color: #ffffff;
    font-size: 29px;
}

.boletin-nota .boletin-nota-img img {
    width: 100%;
    height: 100%;
}

.boletin-nota .boeltin-nota-individual {
    margin: 15px 0;
}


p.boletin-num {
    font-family: var(--font3);
    background: linear-gradient(90deg, rgba(15, 78, 153, 0.92) 0%, #4AA6E0 100%);
    width: 141px;
    height: 131px;
    padding: 0 15px;
    font-size: 46px;
    font-weight: 600;
    color: #ffffff;
    text-align: right;
    margin: 0;
}


.boletin-fecha p {
    font-size: 20px;
    text-align: right;
}

.indice-items {
    margin-top: 10px;
}

.indice-items div {
    width: auto;   
    display: inline; 
    padding: 0;
}

.indice-items div a {
    line-height: 2;
}


.indice-titulo h2 {
    text-align: center;
}

/* Boletin de seguridad   */

.publico-activado,
.publico-no-activado {
    color: #ffffff;
    font-size: 1rem;
    width: 200px;
    padding: 15px 0;
    margin: 0 10px 20px 0;
    text-align: center;
}

.publico-no-activado {
    background: #0A2A3E;
}

.publico-activado {
    background: #2680B9;
}

.boletín-seg {
    margin: 15px 0;
}

.boletín-seg img {
    width: 100%;
    height: auto;
}

.boletín-seg a {
    line-height: 20px;
    padding-bottom: 10px;
}

.boletin-seg-resumen p {
    margin-top: 10px;
}

.boletin-icono {
    margin: 20px;
}

.boletin-seg-icono-0 {
    background: url('../images/seguridad_digital.png')
}

.boletin-seg-icono-1 {
    background: url('../images/seguridad_educación.png')
}

.boletin-seg-icono-2 {
    background: url('../images/seguridad_organizacional.png')
}

.boletin-seg-icono-0,
.boletin-seg-icono-1,
.boletin-seg-icono-2 {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%; 
    height: 152px;
    background-position: center;
}

.grid-container.enlaces-boletin-seguridad {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0;
}

@media only screen and (max-width: 767px) {
    .grid-container.enlaces-boletin-seguridad {
        display: block;
        padding: 10px;
    }
}


.boletin-icono a,
.boletin-icono a:hover,
.boletin-icono a:focus {
   font-size: 18px;
   color: #0C344E;
   text-align: center;
   font-weight: 600;
}
  

/******************************************/
/* Bloque enlaces página principal        */
/******************************************/
.grid-container.enlaces-rapidos {
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0;
  }

 .enlaces-rapidos .card-deck {
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	  margin: 5px;
      padding: 1rem 0 0 0;
	  border: 1px solid var(--blanco1);
      background-color: var(--blanco1);
  }  

.enlace-rapido p {
    font-family: var(--font1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0px;
    text-align: center;
    color: var(--gris2);
}

.enlace-rapido h4 {
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    text-align: center;
    font-size: 1.25rem;
    color: var(--azul2);
}

.enlace-rapido a {
    font-family: var(--font1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0rem;
    text-align: center;
    color: var(--blanco2);
}

.enlace-rapido .card-body {
    padding: 0 1rem;
    text-align: center;
}

.enlace-rapido img {
    height: 200px;
    width: auto;
    object-fit: cover;
    margin: auto;
}

@media only screen and (max-width: 767px) {
	.card-deck  {
	 grid-column: span 4;
   }
}

@media only screen and (min-width: 992px) {
     .enlace-rapido .card-body {
        padding: 0 3rem 1rem 3rem;
        text-align: center;
    }
 }




/******************************************/
/* Contenido CIEQ                         */
/******************************************/

/* Enlaces a las paginas de cieq */

.páginas-cieq {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

@media only screen and (max-width: 768px) { 
    .páginas-cieq {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

.enlace-cieq a {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--azul2);
  text-decoration: none;
  text-align: center;
  padding: 25px 0;
  border: none;
} 

.enlace-cieq a:hover,
.enlace-cieq a:focus,
.enlace-cieq a:active {
    color: var(--blanco1)
}

.enlace-cieq-0 {
    background: url('../images/cieq_criterios.png')
}

.enlace-cieq-1 {
    background: url('../images/cieq_proceso.png')
}

.enlace-cieq-2 {
    background: url('../images/cieq_documentos.png')
}

.enlace-cieq-3 {
    background: url('../images/cieq_actas.png')
}

.enlace-cieq-0,
.enlace-cieq-1,
.enlace-cieq-2,
.enlace-cieq-3 {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%; 
    height: 150px;
    object-fit: cover;
}

.enlace-cieq.card-body {
    padding: 0;
}

/* Integrantes */
.info-representante-cieq a {
    line-height: normal;
}

/* Docuemntos */
.file a {
    font-family: var(--font1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0px;
    text-align: left;
    color:var(--celeste1);
    text-decoration: none;
    padding: 0;
}

span.file {
    margin: 10px 0;
}

.icono-cieq .far,
.icono-cieq .fas {
    color: var(--gris2);
    font-size: 1rem;
}

.cieq-contacto li a {
    padding: 5px;
}

/****************************************************************/
/*   ACORDEONES                                                 */
/****************************************************************/

.accordion-button,
.accordion-button:not(.collapsed),
.accordion-button:focus {
    font-family: var(--font1);
    border: 1px solid rgba(0,0,0,.125);
    background: var(--blanco1);
    font-size: 1rem;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--gris2);
}

.row.no-gutters.content-accordeon {
    padding: 15px 0;
}

.row.no-gutters.content-accordeon img{
    width: 150px;
    height: auto;
}

.row.no-gutters.content-accordeon .foto {
    text-align: center;
}

.accordion h3 {
    margin: 0;
}

.accordion-body,
.accordion-flush .accordion-button,
.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed,  
.accordion-flush .accordion-item:first-of-type .accordion-button {
    border: 1px solid rgba(0,0,0,.125);
    background: var(--blanco1);
}

.accordion-body a {
    line-height: normal;
}

.accordion-body p {
    line-height: 22px;
}


@media only screen and (max-width: 768px) {  
    .accordion-body {
        padding: 0;
    }
}

 /****************************************************************/
/*   LISTAS                                                      */
/*****************************************************************/
.lista-cebra {
    border: 1px solid #E6E6E6;
}

.lista-cebra ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lista-cebra ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lista-cebra ul li {
    padding: 10px 15px;
}

.lista-cebra ul > li:nth-child(odd) {
	background-color: #e6e6e6;
}

.lista-cebra ul > li:nth-child(even) {
	background-color: #fff;
}

.lista-cebra ul li a {
	line-height: 
    normal;
}

.lista-cebra ul li span.file {
    margin: 0;
}

/****************************************************************/
/*   ESTANDARES                                                 */
/****************************************************************/
.recomendacion-estandar {
    padding: 20px 10px;
    border: 1px solid var(--azul1);
    border-radius: 20px;
    margin-top: 20px 0;
}

.recomendacion-estandar strong {
    color:#6BABD4;
}

.nota-estandar p{
    margin: 0;
}

.nota-estandar {
    background: var(--celeste3);
    padding: 20px 40px;
    margin-top: 40px;
}

.nota-estandar a {
    padding: 0;
}

@media (min-width: 992px) {
    .recomendacion-estandar {
        padding: 20px 40px;
    }
}

/****************************************************************/
/*   FILTROS DE BÚSQUEDA                                        */
/*   PUBLICACIONES, ESTÁNDARES ACTAS, DESCARGAS DE SOFTWARE,
/*   COMUNICADOS DE CIBERSEGURIDAD, SOFT5WARE PERMITIDO         */                          */
/****************************************************************/

#views-exposed-form-todas-las-publicaciones-page-1 
#views-exposed-form-estandares-filtro-block-1,
#views-exposed-form-estandares-equipo-block-1,
#views-exposed-form-actas-filtro-block-1,
#views-exposed-form-descarga-de-software-page-1,
#views-exposed-form-comunicados-ciberseguridad-page-1,
#views-exposed-form-software-permitido-block-1,
#views-exposed-form-software-permitido-page-1,
#views-exposed-form-sw-permitido-block-1 {
    margin: 20px 0 10px 0;
}

#views-exposed-form-todas-las-publicaciones-page-1 label,
#views-exposed-form-estandares-filtro-block-1 label,
#views-exposed-form-estandares-equipo-block-1 label,
#views-exposed-form-actas-filtro-block-1 label,
#views-exposed-form-descarga-de-software-page-1 label,
#views-exposed-form-comunicados-ciberseguridad-page-1 label,
#views-exposed-form-sostware-permitido-block-1 label,
#views-exposed-form-software-permitido-page-1 label,
#views-exposed-form-sw-permitido-block-1 label {
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul2);
    margin-bottom: 15px;
}

#views-exposed-form-todas-las-publicaciones-page-1 button,
#views-exposed-form-estandares-filtro-block-1 button,
#views-exposed-form-estandares-equipo-block-1 button,
#views-exposed-form-actas-filtro-block-1 button,
#views-exposed-form-descarga-de-software-page-1 button,
#views-exposed-form-comunicados-ciberseguridad-page-1 button,
#views-exposed-form-software-permitido-block-1 button,
#views-exposed-form-software-permitido-page-1 button,
#views-exposed-form-sw-permitido-block-1 button {
    background-color: var(--azul2);
    font-size: 1rem;
    color: var(--blanco2);
}

#views-exposed-form-todas-las-publicaciones-page-1 button:hover,
#views-exposed-form-todas-las-publicaciones-page-1 button:focus,
#views-exposed-form-estandares-filtro-block-1 button:hover,
#views-exposed-form-estandares-filtro-block-1 button:focus,
#views-exposed-form-estandares-equipo-block-1 button:hover,
#views-exposed-form-estandares-equipo-block-1 button:focus,
#views-exposed-form-actas-filtro-block-1 button:hover,
#views-exposed-form-actas-filtro-block-1 button:focus,
#views-exposed-form-descarga-de-software-page-1 button:hover,
#views-exposed-form-descarga-de-software-page-1 button:focus,
#views-exposed-form-comunicados-ciberseguridad-page-1 button:hover,
#views-exposed-form-comunicados-ciberseguridad-page-1 button:focus,
#views-exposed-form-software-permitido-block-1 button:hover,
#views-exposed-form-software-permitido-page-1 button:hover,
#views-exposed-form-software-permitido-page-1 button:focus,
#views-exposed-form-software-permitido-block-1 button:focus,
#views-exposed-form-sw-permitido-block-1 button:hover,
#views-exposed-form-sw-permitido-block-1 button:focus {
    background-color: var(--azul1);
}

#views-exposed-form-todas-las-publicaciones-page-1 .form-select option,
#views-exposed-form-estandares-filtro-block-1 .form-select option,
#views-exposed-form-estandares-equipo-block-1 .form-select option,
#views-exposed-form-actas-filtro-block-1 .form-select option,
#views-exposed-form-descarga-de-software-page-1 .form-select option,
#views-exposed-form-comunicados-ciberseguridad-page-1 .form-select option,
#views-exposed-form-software-permitido-block-1 .form-select option,
#views-exposed-form-software-permitido-page-1 .form-select option,
#views-exposed-form-sw-permitido-block-1 .form-select option {
    padding: .5rem;
    font-family: var(--font1);
    font-size: 1rem;
    font-weight: 400;
    color: var(--azul2);
    vertical-align: middle;
    background-color: var(--blanco1);
    text-transform: capitalize;
}

#views-exposed-form-todas-las-publicaciones-page-1 .form-select,
#views-exposed-form-actas-filtro-block-1 .form-select,
#views-exposed-form-descarga-de-software-page-1 .form-select,
#views-exposed-form-comunicados-ciberseguridad-page-1 .form-select,
#views-exposed-form-software-permitido-block-1 .form-select,
#views-exposed-form-software-permitido-page-1 .form-select,
#views-exposed-form-sw-permitido-block-1 .form-select {
    width: 100%;
}

.filtro-descarga-software .form-actions {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: flex-end;
}

@media (min-width: 768px) {
    #views-exposed-form-todas-las-publicaciones-page-1 .form-select,
    #views-exposed-form-actas-filtro-block-1 .form-select {
        width: 100%;
    }

    .filtro-descarga-software {
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        padding: 0;
        margin: 0;
    }

    .filtro-descarga-software .js-form-item {
        margin: 10px;
    }

    .filtro-urs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .filtro-descarga-software fieldset,
    .filtro-urs fieldset {
        margin: 0 10px;
    }

    .filtro-descarga-software button {
        width: 40%;
        height: 50%;
        margin-left: 15px;
    }

    .filtro-urs fieldset {
        width: 25%;
    }

    .filtro-urs .form-actions {
        display: flex;
        align-items: end;
    }

    #views-exposed-form-comunicados-ciberseguridad-page-1 {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    #views-exposed-form-comunicados-ciberseguridad-page-1 .js-form-item {
        width: 35%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        justify-items: center;
    }

    #views-exposed-form-comunicados-ciberseguridad-page-1 .js-form-item label {
        margin: auto 10px;
    }

    #views-exposed-form-comunicados-ciberseguridad-page-1 .form-actions {
        width: auto;
    }
}

@media (min-width: 992px) {
    #views-exposed-form-estandares-filtro-block-1 .form-select,
    #views-exposed-form-estandares-equipo-block-1 .form-select {
        width: 100%;
        margin: 10px 0;
    }

    #views-exposed-form-estandares-equipo-block-1 .js-form-item,
    #views-exposed-form-software-permitido-block-1 .js-form-item,
    #views-exposed-form-software-permitido-page-1 .js-form-item,
    #views-exposed-form-sw-permitido-block-1 .js-form-item {
        width: 45%;
        margin: 10px;
    }
}

@media (max-width: 767px) { 
    .filtro-descarga-software,
    .filtro-urs {
        display: block;
    }
}

/****************************************************************/
/*   GESTORES TI                                                */
/****************************************************************/

.aviso-info {
    padding: 20px 40px;
    border: 1px solid var(--azul1);
    border-radius: 10px;
    margin: 10px 0 20px 0;
    color: var(--azul2);
    box-shadow: 0px 3px 4px 1px #0000001A;
}

.enlaces-recurso .area-enlace a {
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    color: var(--negro2);
    text-decoration: none;
    padding: 30px 20px;
}

.enlaces-recurso {
    background: var(--blanco3);
}

.enlaces-recurso p {
    text-align: left;
    padding: 10px 15px;
} 

.gestores-recursos-0 a {
    background: url('../images/tarjetas_apuntes.png');
}

.gestores-recursos-1 a {
    background: url('../images/tarjetas_monitoreo.png');
}

.gestores-recursos-2 a {
    background: url('../images/tarjetas_lista_gestores.png');
}

.gestores-recursos-0 a,
.gestores-recursos-1 a,
.gestores-recursos-2 a {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100%; 
    height: 150px;
    padding-left: 0;
}

.gestores-recursos p {
    padding-left: 10px;
}

.gestores-sociales a  {
    display: flex;
    align-items: center;
}

.gestores-sociales p {
    margin: 0;
    padding: 0 20px;
}

.gestores-sociales a i {
    color: #0088CC;
    font-size: 2.5rem;
}

/****************************************************************/
/*   DESCARGAS                                                  */
/****************************************************************/

/* Descargas V.2 */ 

.software-img img {
    width: 140px;
    height: 140px;
}

.pag-descarga-software .table img {
    width: 85px;
    height: auto;
}

.pag-descarga-software table a {
    line-height: 20px;
}

tr.stw-req-otros {
    background: #E6E6E6 !important;
}

.requisitos-software .table, 
.requisitos-software tr, 
.requisitos-software td, 
.requisitos-software th, 
.requisitos-software tbody, 
.requisitos-software thead, 
.requisitos-software tr td, 
.requisitos-software tr th, 
.requisitos-software thead tr th, 
.requisitos-software tbody tr td, 
.requisitos-software .table>:not(:first-child) {
    border: 1px transparent;
    background: transparent;
}

/* Descargas V.1 */
.vinculos-descargas a {
    padding: 0;
}

.vinculos-descargas a img {
    height: 10rem;
    width: auto;
}

.vinculos-descargas h3 {
    font-size: 0.9rem;
    line-height: 16.41px;
    letter-spacing: 0px;
    text-align: center;
    color:var(--gris2)
}

.vinculos-descargas p {
    font-size: 1rem;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color:var(--griss2);
    padding: 0 10px;
    margin-top: 15px;
}

.sprites-0 a {
    background: url('../images/campus.png');
}
.sprites-0 a:hover {
    background: url('../images/campus_over.png');
}

.sprites-1 a {
    background: url('../images/demanda.png');
}
.sprites-1 a:hover {
    background: url('../images/demanda_over.png');
}

.sprites-2 a {
    background: url('../images/descarga.png');
}
.sprites-2 a:hover {
    background: url('../images/descarga_over.png');
}

.sprites-0 a,
.sprites-1 a,
.sprites-2 a,
.sprites-0 a:hover,
.sprites-1 a:hover,
.sprites-2 a:hover {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100%; 
    height: 70px;
}

/****************************************************************/
/*   AURI                                                       */
/****************************************************************/
.grid-container.sec-info-auri {
    display: block;
}

.auri-info {
    background-color: var(--blanco3);
    margin: 25px 10px;
}

.auri-info img {
    width: 100%;
    height: auto;
}

.auri-info p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding-top: 20px;
}

.tabla-auri-descargas .auri-tabla-colum {
    background-color: var(--blanco3);
}

.tabla-auri-descargas a,
.otros-sis-op a {
    padding-left: 0;
}

.tabla-auri-descargas th {
    font-family: var(--font1);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--azul1);
    background-color: var(--blanco3);
}

.tabla-auri-descargas tr td, 
.tabla-auri-descargas tr th {
    border-bottom: 1px solid var(--azul1);
    border-top: none;
    border-left: none;
    border-right: none;
}

.otros-sis-op li {
    padding: 0;
    list-style: none;
}

.otros-sis-op .dropdown-toggle {
    color: var(--negro3);
    font-size: 18px;
}

.auri-icono {
    font-size: 1.2rem;
    color: var(--gris4);
    padding-right: 15px;
}

@media (min-width: 768px) { 
    .grid-container.sec-info-auri {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

/****************************************************************/
/*   SEGURIDAD                                                  */
/****************************************************************/

.carrusel-seguridad {
    background-color: var(--rojo1);
}

.carrusel-seg-text {
    background-color: var(--rojo1);
    color: var(--blanco2);
    font-size: 15px;
    margin: 0;
    padding: 10px;
    display: flex;
    align-items: center;
}

.carrusel-seguridad .carousel-control-next, 
.carrusel-seguridad .carousel-control-prev {
    width: 5%;
}

.carrusel-seguridad ol.carousel-indicators {
    margin: auto;
}

.carrusel-seguridad .carousel-indicators li {
    width: 1px;
    height:1px;
    padding: 5px 5px;
    border-radius: 100%;
    background-color: var(--blanco1);
}

.carrusel-seg-text p {
    margin: 0;
    line-height: 1.3;
}

.seg-tarjeta,
.seg-tarjeta a {
    padding: 0;
}

.seg-tarjeta-0 a {
    background: url('../images/seg_directrices.png');
}

.seg-tarjeta-0 a:hover {
    background: url('../images/seg_directrices_over.png');
} 

.seg-tarjeta-1 a {
    background: url('../images/seg__campaña seguridad.png');
}

.seg-tarjeta-1 a:hover {
    background: url('../images/seg__campaña_seguridad_over.png');
}

.seg-tarjeta-2 a {
    background: url('../images/seg_boletín_ciberseguridad.png');
}

.seg-tarjeta-2 a:hover {
    background: url('../images/seg_boletín_ciberseguridad_over.png');
}

.seg-tarjeta-0 a,
.seg-tarjeta-0 a:hover,
.seg-tarjeta-1 a,
.seg-tarjeta-1 a:hover,
.seg-tarjeta-2 a,
.seg-tarjeta-2 a:hover {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 100%; 
    height: 85px;
}

.col-seg-recomendados {
    display: flex;
    align-items: center;
}


@media (min-width: 1200px) { 
    .carrusel-seg-text p {
        padding: 10px 35px;
    }
}

@media (min-width: 768px) { 
    .seg-info {
        margin: 10px;
    }

    .carrusel-seguridad {
        height: 225px;
    }

    .carrusel-seg-text {
        padding: 10px 25px;
    }    
}

@media (max-width: 768px) { 
    .col-seg {
        padding: 0;
    }

    .carrusel-seguridad {
        height: 250px;
        margin: 10px 0;
    }

    .carrusel-seg-text p {
        padding: 5px 20px;
    }
}

.galeria-seguridad {
    margin-top: 25px;
    display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0;
}

.galeria-seguridad img {
    width: 100%;
    height: auto;
}

.galeria-seguridad .video-embed-field-responsive-video {
    position: relative;
    width: 100%;
    height: 80%;
}

.eje-temático-archivo {
    text-align: center;
}


.eje-temático-archivo .img-archivo img {
    height:  150px;
    width: auto;
}

.eje-temático-archivo .btn-default {
    width: 75%;
    background: #0A2A3E;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}

/****************************************************************/
/*   GOBIERNO DE TI                                             */
/****************************************************************/
.galeria-gobierno-ti {
    margin-top: 20px;
    display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 0;
}

.galeria-gobierno-ti img {
    width: 100%;
    height: auto;
}

.galeria-gobierno-ti .video-embed-field-responsive-video {
    position: relative;
    width: 100%;
    height: 80%;
}

/****************************************************************/
/*   PAGINAS DE AREAS                                           */
/****************************************************************/

.img-contenido-areas img {
    width: 100%;
    height: auto;
}



/****************************************************************/
/*   ORGANIGRAMA                                                */
/****************************************************************/

.container.organigrama {
    margin: 0;
    padding: 0;
    width: 100%;
}

.nivel-0, .nivel-1, .nivel-2, .nivel-3, .nivel-4 {
    display: flex;
    justify-content: center;
}

.area-org:hover,
.area-org:focus {
    background: var(--azul1);
    color:var(--blanco2)
}

.area-org {
    width: 100%;
    padding: 10px 5px;
    text-align: center;
}

.enlace-area {
    line-height: 30px;
    width: 25%;
    padding-left: 0;
}

.nivel-1 .enlace-area {
    width: 75%;
}

.nivel-2 .enlace-area,
.nivel-4 .enlace-area {
    width: 50%;
}

.nivel-3 .enlace-area {
    width: 27%;
}

.org-bloque {
    padding: 0;
    margin: 0;
}

.org-bloque p{
    color:var(--gris2);
    padding:0;
}

.enlace-area-1 {
    padding: 0;
}

/* Construcción de líneas */

.col-izquierda-0 {
    height: 60px;
    border-right: 1px solid var(--negro1);
}

.col-izquierda-1 {
    height: 30px;
    border-right: 1px solid var(--negro1);
}

.col-izquierda-2 {
    border-right: 1px solid var(--negro1);
    padding: 0 5px 40px 0;
}

.col-izquierda-4 {
    padding: 0;
}

.col-centro-0 {
    padding: 0;
    height: 60px;
}

.col-derecha-0 {
    padding: 8px 0 0 0;
    height: 60px;
    display: flex;
}

.col-izq-vacia {
    border-right: 1px solid var(--negro1);
}

.col-vacia-1,
.col-vacia-2,
.col-vacia-3,
.col-vacia-4,
.col-vacia-5,
.col-vacia-6 {
    height: 40px;
    border-top: 1px solid var(--negro1);
}

.col-vacia-1,
.col-vacia-4 {
    border-left: 1px solid var(--negro1);
    border-right: 1px solid var(--negro1);
}

.col-vacia-5 {
    border-left: 1px solid var(--negro1);
}

.col-vacia-6 {
    border-right: 1px solid var(--negro1);
}


.row-vacia {
    display: flex;
    justify-content: center;
 }
 
 .row-medio-izq {
     display: flex;
     justify-content: end;
 }
 
 .row-medio-der {
     display: flex;
     justify-content: start;
 }

 .row-vacia .col-izquierda-2,
 .row-vacia .col-derecha-2 {
    padding: 0;
 }

.row-nulo-0 {
    height: 30px;
    border-bottom: 1px solid var(--negro1);
}

.row-nulo-1 {
    height: 30px;
}

.row-vacia {
    display: flex;
    justify-content: center;
}

/* * * * * * * * */

@media (max-width: 768px) { 
    .area-org,
    .area-nulo {
        font-size: 0.5rem;
    }

    .org-bloque p {
        font-size: 0.5rem;
        padding-top: 10px;
    }

    .area-org {
        padding: 0;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
    }

    .nivel-0 .enlace-area,
    .nivel-1 .enlace-area {
        width: 30%;
    } 

    .nivel-3 .enlace-area {
        width: 30%;
    }

    .area-org {
        width: 100%;
    }

    .area-0,
    .area-1 {
        padding: 0 30px;
    }

    .enlace-area {
        line-height: 20px;
        padding: 3px;
    }

    .col-derecha-0 {
        padding: 10px 0 0 0;
        display: block;
    }

    .col-izquierda-1,
    .col-izquierda-2,
    .col-izquierda-3,
    .col-izquierda-4,
    .col-derecha-1,
    .col-derecha-2 {
        padding: 0;
    }

    .row-vacia .col-izquierda-2,
    .row-vacia .col-izquierda-4, 
    .row-vacia .col-derecha-2 {
        padding: 0;
        height: 1rem;
    }
}
/****************************************************************/
/*   FORMULARIOS                                                */
/****************************************************************/

/* Formulario inicio de sesión */
.user-login-form {
    margin: 50px auto;
}

.block-user-login-block div.item-list {
    display: none;
}

.user-login-form button {
    color: #ffffff;
    background-color: #0071B3;
    border-color: #007bff;
}

.user-login-form button:hover, 
.user-login-form button:focus {
    color: #ffffff;
    background-color: #035484;
}

.user-login-form .form-actions {
    display: flex;
    justify-content: center;
}

.inicio-sesion {
    border: 1px solid #cccccc;
}

p.inicio-sesion {
    border-bottom: none;
    padding: 15px 25px;
    margin: 0;
}

div.inicio-sesion p {
    text-align: left;
    width: 75%;
    margin: auto;
    padding-top: 50px;
}

@media (min-width: 992px) {
    .user-login-form {
        width: 75%;
    }
}


/* Solicitud de diseño y desarrollo de sitios web */

.form-desarrolloweb {
    margin: 50px auto;
}

@media (min-width: 768px) {
    .form-desarrolloweb {
        width: 85%;
    }
}

.form-titulo {
    text-align: center;
    margin: 20px 0;
}

.form-desarrolloweb .fondo-celeste {
    background-color: #BAD2ED;
}

.form-desarrolloweb .form-datos {
    padding: 10px;
    margin: 35px auto;
    border: 1px solid #BAD2ED;
    border-radius: 5px;
}

.form-desarrolloweb .campos-form {
    width: 90%;
    margin: auto;
}

legend {
    line-height: normal;
}

.form-desarrolloweb h2 {
    color: #000000;
    font-size: 24px;
    line-height: 26px;
    margin-top: 0;
}

.form-desarrolloweb a {
    line-height: normal;
}

.form-desarrolloweb label {
    color: #000000;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 5px;
}

.form-desarrolloweb .btn-upload {
    color: #ffffff;
    background-color: #6C757D;
    padding: 15px;
}

.form-desarrolloweb .form-botones {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media (min-width: 758px) {
    .form-desarrolloweb .form-datos {
        padding: 25px 35px;
    }
}

/* Evlauación de la calidad Calidad */

/* .container.formulario {
    width: 100%;
    padding: 0;
}
.webform-submission-calidad-form legend,
.webform-submission-contact-form legend {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.webform-submission-calidad-form label,
.webform-submission-contact-form label {
    margin-bottom: 10px;
}

.webform-submission-calidad-form div#edit-actions {
    width: 100%;
}

.webform-submission-calidad-form fieldset,
.webform-submission-calidad-form #ajax-wrapper  {
    margin: 30px 0;
}

.webform-submission-calidad-form div#edit-actions {
    width: 100%;
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url("../images/required.svg");
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

div#edit-seleccione-el-tipo-de-aporte-a-la-calidad-de-los-servicios-del-c {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media (max-width: 768px) { 
    div#edit-seleccione-el-tipo-de-aporte-a-la-calidad-de-los-servicios-del-c {
        display: flex;
        flex-direction: column;
        justify-content: start;
        flex-wrap: wrap;
    }
} */

/****************************************************************/
/*   PAGINADOR                                                  */
/****************************************************************/
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
    margin: 25px 0 0 0;
}

.pagination li {
    padding: 7px;
}

.pagination a.page-link {
    border: none;
    line-height: 20.5px;
    color: #666666;
}

.pagination a.page-link, 
.pagination a.page-link:hover {
    color: #666666
}

.pagination .page-item.active .page-link {
    background-color: #666666;
    border: none;
}

/****************************************************************/
/*     HISTORIA                                                 */
/*     LINEA DE TIEMPO                                          */
/****************************************************************/
.historia-img img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) { 
    .revertir {
        display: flex;
        flex-direction: row-reverse;
    }
}

.breadcrumb-enlaces a {
    line-height: 0;
}

/****************************************************************/
/*  PÁGINA DE ACTIVIDADES                                       */
/****************************************************************/

.evento-lugar a {
    color: #02477B;
    font-size: 24px;
    font-weight: 400;
    line-height: 44px;
}

.acordeon-eventos .accordion-button,
.acordeon-eventos .collapsed,
.acordeon-eventos .hora-evento {
    color: #02477B;
    font-size: 24px;
    font-weight: 400;
    line-height: 44px;
}

.acordeon-eventos .detalle-evento span {
    color: #02477B;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
}

.acordeon-eventos .detalle-evento p {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 29px;
}

.acordeon-eventos .detalle-evento a {
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
}

.acordeon-eventos .detalle-evento {
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;;
}

.img-persona-actividad img {
    border-radius:100%;  
}

.img-persona-actividad {
    display: flex;
    justify-content: center;
}

.act-img-contenido img {
    width: 100%;
    height: auto;
}

.panelistas-actividad {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.panelistas-actividad img {
    width: 150pX;
    height: auto;
    border-radius:180px;
}

.panelistas-actividad p {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    width: auto;
    padding: 15px 0;
}

.panelistas-actividad div {
    display: flex;
    flex-direction: column;
    justify-self: center;
}

.panelistas-actividad .foto-panelista {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/****************************************************************/
/*  PÁGINA DE CONTENIDO INFORMATIVO                             */
/****************************************************************/

.banner-informativo {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    scroll-snap-align: center;
}
 
.banner-informativo .sec-info-texto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0;
    padding: 0;
}

.banner-informativo h2,
.banner-informativo .info-situacion,
.banner-informativo .info-recomendacion {
    width: 97%;
    margin: auto;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: center;
}

.banner-informativo h2 {
    font-size: 6vw;
    line-height: 2;
}

.banner-informativo .info-situacion {
    font-size: 2.5vw;
    line-height: 1.5;
}

.banner-informativo .info-recomendacion {
    font-size: 3vw;
    line-height: 1.5;
}

.banner-informativo a {
    font-size: 2.5vw;
    line-height: 2;
    text-decoration: none;
}

.node--type-cont-informativo #main-wrapper {
    display: none;
}

@media only screen and (min-width: 768px) {
    .banner-informativo .sec-info-texto {
        width: 90%;
        margin: auto;
    }
    
    .banner-informativo h2 {
        font-size: 4vw;
    }
    
    .banner-informativo .info-situacion {
        font-size: 1.2vw;
    }
    
    .banner-informativo .info-recomendacion {
        font-size: 1.6vw;
    }
    
    .banner-informativo a {
        font-size: 1.5vw;
    }
}

/****************************************************************/
/*  PÁGINAS DE RECURSOS                                         */
/****************************************************************/
.cols-enlaces {
    display: block;
}

.cols-enlaces .col-enlaces {
    margin: 20px 0;
    width: 100%;
}

.cols-enlaces .col-enlaces h3 {
    margin: 20px 0;
}

.table.tabla-referencias {
    margin: 20px 0;
}

.sec-cotendido .btn {
    margin: 15px 0;
}

@media screen and (min-width: 768px) {
    .cols-enlaces {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cols-enlaces .col-enlaces {
        margin: 10px;
        width: 47%;
    }

    .cols-enlaces .col-enlaces h3 {
        min-height: 50px;
    }
}

.enlaces-graficos {
    display: grid;
    grid-template-columns: 100%;
}

@media screen and (min-width: 480px ) {
    .enlaces-graficos {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

@media screen and (min-width: 768px ) {
    .enlaces-graficos {
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
}

@media screen and (min-width: 1200px ) {
    .enlaces-graficos {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
}


/****************************************************************/
/*  Enlace gráfico con texto encima                             */
/****************************************************************/
.enlace-con-imagen,
.enlace-con-imagen:hover,
.enlace-con-imagen:focus {
    color: #0C344E;
    line-height: 1.2;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    margin: 10px;
    border: 1px solid #666666;
    border-radius: 5px;
    padding: 0;
}

.enlace-con-imagen div {
    display: flex;
    justify-content: left;
    align-items: center;
}

@media screen and (min-width: 480px ) {
    .enlace-con-imagen,
    .enlace-con-imagen:hover,
    .enlace-con-imagen:focus {
        min-width: 145.46px;
        max-width: 225px;
    }
}

/****************************************************************/
/*  FLECHA PARA SUBIR AÑ INICIO                                 */
/****************************************************************/
.ir-arriba {
	display:none;
	padding:10px;
	background:var(--azul1);
	font-size:30px;
	color:var(--blanco1);
    font-weight: 600;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}

.ir-arriba:hover,
.ir-arriba:focus {
	background:transparent;
	color:var(--azul1);
    font-size: 36px;
}

.featured-bottom {
    background-color: #F5F5F5 !important;
}

#block-img-inferior {
    padding: 0;
    margin: 0;
}

#block-img-inferior .row > * {
    padding: 0;
    margin: 0;
    width: 100%;
}

#block-img-inferior img {
    padding: 0;
    margin: 0;
    width: 100%;
}


@media only screen and (min-width: 992px) {
    .featured-bottom .container {
        padding: 35px 0 50px 0;
        width: 85%;
        margin: auto;
    }
}

#block-enlace-principal-actividad {
    padding: 0;
    margin: 0;
}

.region-featured-bottom-third .block {
    padding: 0;
}
/****************************************************************/
/****************************************************************/
/*   FOOTER                                                     */
/****************************************************************/
/****************************************************************/
.site-footer {
    background-color: var(--negro1) !important;
    padding: 25px 0 0 0;
    font-family: var(--font2);
}

.site-footer .container,
.site-footer .container-lg, 
.site-footer .container-md, 
.site-footer .container-sm {
    width: 100%;
    margin: auto;
}
.site-footer .block {
    margin: 0;
    border: none;
    padding: 0 10px;
}

.site-footer a {
    padding-left: 0;
    background: var(--negro1) !important;
}

.site-footer a,
.site-footer p {
    font-family: var(--font1);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: var(--blanco2)
}

.site-footer li {
    list-style: none;
}

.site-footer nav li {
    list-style: none;
    padding: 0;
}

.site-footer__bottom .region {
    width: 100%;
    padding: 0;
}

.site-footer__top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.site-footer__top .region {
    padding: 0;
    display: block;
}

.site-footer__top ul {
    display: block;
}

.site-footer h2 {
    text-transform: none;
    font-family: var(--font1);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    border: none;
}


.site-footer__top .nav-link {
    padding: .5rem 0;
}

.site-footer p,
.site-footer a,
.site-footer h2,
.site-footer .field__label {
    color: var(--blanco2);
    font-family: var(--font1);
}

.site-footer a:hover,
.site-footer a:focus,
.site-footer .field__item a:hover,
.site-footer .field__item a:focus {
    color:var(--blanco1);
    text-decoration: underline;
}

.site-footer .field__item a {
    text-decoration: none;
}

.site-footer__top {
    display: block;
}

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

.logos-footer .logo-1 img {
    width: 200px;
    height: auto;
}

.logos-footer .logo-2 img {
    width: 175px;
    height: auto;
}

.logos-footer .img-logo {
    text-align: center;
    margin: auto;
}


@media (max-width: 767px) {
    .logos-footer {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .logos-footer .img-logo {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .site-footer__top .region {
        width: 100%;
        padding: 0 10px;
    }

    .logos-footer .field--name-field-imagen-enlace-texto {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .logos-footer .field__item {
        padding: 1rem 0;
        text-align: center;
    }
}

@media (min-width: 767px) {
    .site-footer__top .region {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .site-footer__top .region {
        width: 33.33%;
    }
}

.site-footer .fa,
.site-footer .fas,
.site-footer .far,
.site-footer .fa {
    color: var(--blanco2);
    padding-right: 10px;
}

/* Redes Sociales */
.site-footer .redes-sociales {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 0;
    margin-top: 25px;
}

.redes-sociales a.enlace-buzon {
    background: url('../images/buzon.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block !important;
    width: 50px; 
    height: 50px;
    margin-top: 5px;
}

.site-footer .redes-sociales .fa,
.site-footer .redes-sociales .fab {
    color: var(--blanco2);
    font-size: 2rem;
}

.site-footer .redes-sociales ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-left: 0;
}

.site-footer .redes-sociales ul li { 
    padding: 0;
}

.site-footer .redes-sociales span.fa-stack.fa-lg {
    padding: 7px;
}

.site-footer #block-copyright p{
    margin: 0;
}


/*   AJUSTE DE CONTENEDORES   */

.main-content {
    padding: 0;
}

@media only screen and (max-width: 991px) {
    .main-content {
        margin-bottom: 25px;
    }
}

/* // Small devices (landscape phones, 768px and down) */

@media only screen and (max-width: 768px) {
	.container {
		width:100%;
		margin: auto;
	}

	#main-wrapper {
		width: 100%; 
		margin: auto;
	}
}

/* // Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 769px) {
	.container{
		padding: 35px 0 50px 0;
		width: 95%;
		margin: auto
	}

	#main-wrapper {
		width: 100%; 
		margin: auto;
	}
}


/* // Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	#main-wrapper {
		width: 100%;
		margin: 0 auto;
	}

	.container{
		padding: 35px 0 50px 0;
		width: 70%;
		margin: auto
	}

}

/* // Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	#main-wrapper {
		width: 100%;
		margin: auto;
	}
}

.container-front {
    width: 100%;
    margin: auto;
}