/**
 * @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');
}


 :root{
  --blanco: #fff;
  --negro: #333333;
  --amarillo: yellow;
  --gris1: gray;

  --neutro00: #FFFFFF;
  --neutro05: #F2F2F2;
  --neutro10: #E6E6E6;
  --neutro20: #CCCCCC;
  --neutro40: #999999;
  --neutro75: #404040;
  --primario-dark: #00002C;
  --primario-base: #002255;
  --primario-light: #394982;
  --secundario-dark: #C58700;
  --backgroung-azul: #002255;
  --text-dark: #002255;
  --text-medium: #666666;
  --text-light: #FFFFFF;
  --text-link: #0B94EF;
  --background-sombra: #C4C4C4;
  --body-text: #000000;
  --bordes-tablas: #ECEEEF;
  --documentos-pdf: #B30B00;

  --font1: 'Trueno Regular';
  --font2: 'Trueno Semibold';
}

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

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

h2 {
  font-family: var(--font1);
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38.4px;
  text-align: left;
  color: var(--text-dark);
}

h3 {
  font-family: var(--font1);
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 31px;
  color: var(--body-text);
}

h4 {
  font-family: var(--font1);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21.6px;
  color: var(--text-dark);
}

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

p {
  font-family: var(--font1);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: var(--text-medium);
}

a {
  font-family: var(--font1);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.2px;
  text-decoration: none;
  color: var(--text-link);
}

li {
  font-family: var(--font1);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.2px;
  text-decoration: none;
  color: var(--blanco);
}
.views-row {
  padding: 0;
}


.centrar{
  margin: auto;
  width: 75%;
}

.mover{
  margin-left: 20px;
  margin-top: 15px;
}

img{
  border-radius: 5px;
}

form#webform-submission-contact-node-20-add-form {
  font-family: var(--font1);
}


/*encabezado*/
#encabezado{
  background-color: #41ade7;
  padding: 20px 50px;
}
@media only screen and (max-width: 600px) {
  #encabezado{
    padding: 0px 40px;
  }
}
/*encabezado*/

/**
 * HTML
*/
.top {background:#CCC; padding-top:15px; padding-bottom:15px;}
span.demo {font-weight:bold; color: #333; text-transform:uppercase;}

.main-content {min-height:500px; background:var(--blanco);}

.copy {background:#333; color:#FFF; padding-top:10px; padding-bottom:10px;}

/**
 * NAVIGATION
*/


/**
 * LAYOUT
*/
#searchbar {
  display: none;
  float: left;
  width: 100%;
  border:none;
  padding: 10px;
  z-index: 9999;
  background: var(--blanco);
  -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  position: fixed;
}

#s {
  display: block;
  width: 90%;
  border: 0;
  outline: none;
  padding: 0;
  height: 60px;
  line-height: 60px;
  font-size: 3.0em;
  font-weight: bold;
  color: #676767;
}

#searchsubmit {
  display: block;
  float: right;
  margin-top: 6px;
  background: none;
  color: var(--blanco);
  border: 0;
  outline: none;
  cursor: pointer;
}

.search-block-form  {margin: 0 auto; width: 100%; text-align: center;}

.close {position: absolute; right: 10px; top: 25%; border: var(--gris1) 1px solid; width: 32px; height: 32px; text-align: center; border-radius: 50%; display: inline-block;}



/**/
.wsmainwp{
  max-width: 100%;
  background-color: var(--backgroung-azul);
}
.wsmenu{
  width: 100% !important;
  background-color: var(--backgroung-azul);
}
/**/


/**
 * MEDIA QUERIES
*/
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

/** SOMBRA **/

.sombra{
  background: var(--background-sombra);
  box-shadow: 0px 8px 16px rgba(0,0,0,0.4);
}

/** SOMBRA **/

.semibold{
  font-family: var(--font2);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  fill: solid;
  color: var(--body-text);
}

.text-acordeon{
  font-family: var(--font1);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: var(--body-text);
}

.subtitle-acordeon{
  font-family: var(--font1);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--body-text);
}

.titulo-aviso-home{
  font-family: var(--font1);
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 29px;
  color: var(--body-text);
}

/** BANNER PRINCIPAL**/

.blanco{
  color: var(--blanco) !important;
}

.centrar-banner{
  margin: auto;
  width: 35%;
}

.texto-banner p{
  width: 40%;
  margin: auto;
  text-align: center;
}

.boton-banner p{
  width: 10%;
  margin: auto;
}

.espacio-superior{
  margin-top: 300px;
}

.img-banner{
  width: 970px;
  height: 250px;
}

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

.borde{
  padding: 0px 27px 0px 27px;
}

.carousel-indicators button {
  width: 6px !important;
  height: 6px !important;
  border-radius: 100%;
}

@media only screen and (max-width: 991px){
  .region-top-header-form img.img-fluid.d-inline-block.align-top {
    display: none !important;
  }
}

/** BANNER PRINCIPAL**/

/* .carousel-album{
  width: 85%;
  height: auto;
  margin: auto;
} */

/** LOGOS PIE DE PÁGINA**/

.fondo-logos{
  width: 100%;
  margin: auto;
  background-color: var(--primario-light);
}

.logo{
  width: 20%;
  height: 20%;
  display: flex;
}

.logo2{
  width: 15%;
  margin-inline: 35px;
}

/* logos */

.logos_organizan{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: var(--primario-light);
  padding: 20px;
}

.logo_organizan{
  width: auto;
  margin: 25px 10px;
  height: 95px;
  max-width: 140px;
}

.item-img-grid {
  height: 100%;
}

.grid-img {
  /* width: 100%; */
  max-height: 100%;
  height: inherit;
}

@media screen and (max-width: 385px) {
  .logos_organizan{
    display: flex;
    flex-direction: column;
  }

  .logo_organizan{
    width: auto;
    margin: 15px auto;
    height: 100px;
  }
} 

/* logos */

/** LOGOS PIE DE PÁGINA**/

/** Tablas**/

.primera-linea{
  background-color: var(--primario-base);
}

.segunda-linea{
  background-color: var(--blanco);
}

.primer-columna{
  width: 25%;
}

/** Tablas**/

/** NOTICIA **/

.encabezado{
  width: 451px;
  height: 21px;
  top: 283px;
  left: 202px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.2px;
}

.pie-carrusel{
  font-style: italic;
  color: var(--neutro40);
}

.public-social {
  margin: 40px 0;
}

.public-redes-sociales li {
   list-style: none;
}

.public-redes-sociales .fa,
.public-redes-sociales .fa {
   color: var(--blanco2);
}

.public-redes-sociales ul {
   list-style: none;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
}

/* .public-redes-sociales ul li {
   margin: 0;
   border: 1px solid var(--gris2);
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   padding: 10px;
} */

.public-redes-sociales .fas,
.public-redes-sociales .far,
.public-redes-sociales .fa,
.public-redes-sociales .fab {
   color: var(--gris2);
   padding-right: 10px;
}

/** NOTICIA **/

/** Carrusel album de imagenes ***/

.carousel-album{
  margin-bottom: 75px;
}

.ajuste-carrusel{
  max-height: 500px;
}

@media (max-width: 1200px){
  .ajuste-carrusel {
      max-height: 400px;
  }

  /* .d-md-block {
    display: none !important;
  } */

  /* .carousel-album .carousel-indicators {
    bottom: -130px !important;
  } */
}

@media (max-width: 1000px){
  /* .carousel-album .carousel-indicators {
    bottom: -70px !important;
  } */
  .ajuste-carrusel {
    max-height: 300px;
  }

}

@media (max-width: 400px){
  /* .carousel-album .carousel-indicators {
    bottom: -25px !important;
  } */

  .ajuste-carrusel {
    max-height: 200px;
  }

}

/* .img-carrusel {
  width: auto;
  height: 700px;
  max-height: 700px;
} */

/* .carousel-album .carousel-indicators [data-bs-target] {
  background-color: black;
}

.carousel-album .carousel-indicators .active {
  background-color: black;
} */

.carousel-album .carousel-indicators{
  bottom: -140px;
}

.carousel-album .carousel-indicators img{
  margin-left: 1000px;
}

.carousel-album .carousel-indicators button {
  width: 100px !important;
  height: 100px !important;
  border-radius: 0%;
  opacity: 60%;
}

.carousel-album .carousel-indicators .active {
  opacity: 100%;;
}


.carousel-album .carousel-caption{
  background-color: #000000;
  opacity: 60%;
  left: 5%;
  right: 5%;
}

.carousel-album .carousel-caption p{
  color: #FFFFFF;
  text-align: left;
  padding: 0px 25px;
  font-size: 14px;
}

/** Carrusel album de imagenes ***/


/* Cursos pag principal */
.columns {
  display: flex;
}

.column {
  background: var(--blanco);
  border: 1px solid var(--blanco);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px;
}

.main-column {
  flex: 2;
}

.article{
  border-bottom: 2px solid var(--secundario-dark);
  margin-bottom: 20px;
}

.linea{
  border-bottom: 2px solid var(--secundario-dark);
}

@media screen and (max-width: 800px) {
  .columns{
    flex-direction: column;
  }
}

/* Cursos pag principal */

/* IMAGENES */

.img-asesoria{
  width: 300px;
  height: 200px;
  object-fit: cover;
}


/* IMAGENES */


/* GALERIA DE VIDEOS   */


.galeria-videos {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	padding: 0;
  }

.galeria-videos .card-deck {
	  -ms-flex-flow: row wrap;
	  flex-flow: row wrap;
	  margin: 5px;
	  border: 1px solid #ccc;
    padding: 10px;
  }

.galeria-videos .card-deck h3 {
	font-size: 20px;
}

.galeria-videos p{
  font-size: 1rem;
  text-align: left;
}

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

   .cursos-margen{
     margin-top: 0px;
   }
}

/* GALERIA DE VIDEOS   */

.linea-superior{
  border-top: 2px solid var(--secundario-dark);
}

.site-footer__top p {
  margin-top: 1em;
  color: var(--blanco);
  font-weight: 400;
}

.site-footer__top .region:last-child {
  padding-right: 0;
  margin-top: 11px;
  margin-left: 250px;
}

button.btn.btn-primary a {
  color: var(--blanco);
}

.public-tag {
  color: var(--blanco);
  background-color: var(--primario-light);
  border: 1px solid var(--azul2);
  border-radius: 8%;
  margin-right: 10px;
  text-align: center;
  padding: 15px 0px;
}

.col-md-2.public-tag a {
  color: var(--blanco);
}

.logo-compartir{
  width: 25px;
  height: 25px;
}

span.file.file--mime-application-pdf.file--application-pdf a {
  color: var(--text-link);
}

section.row.region.region-footer-first a {
  color: var(--blanco);
}

div#block-noticias a {
  color: var(--blanco);
}

.ir-arriba {
	display:none;
	padding:20px;
	background:var(--backgroung-azul);
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}

@media screen and (max-width: 550px) {
  .field.field--name-field-logo.field--type-image.field--label-hidden.field__item img {
    width: 90% !important;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 991px) {
  .field.field--name-field-logo.field--type-image.field--label-hidden.field__item img {
    width: 75% !important;
    height: auto;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 990px) {
  .field.field--name-field-logo.field--type-image.field--label-hidden.field__item img {
    width: 50%;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 551px) {
  .field.field--name-field-logo.field--type-image.field--label-hidden.field__item img {
    width: 50%;
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.featured-bottom .row {
  --bs-gutter-x: 0;
}

.sec-texto.col-lg-8.col-md-8.col-sm-12.col-xs-12 li {
  padding: 0;
}

.paragraph.paragraph--type--enlace.paragraph--view-mode--default {
  margin-left: 15px;
}

.sec-texto.col-lg-8.col-md-8.col-sm-12.col-xs-12 p {
  margin-bottom: 0;
}

.field__item {
  margin-bottom: 10px;
}

section.row.region.region-footer-first li {
  margin-bottom: 7px;
}

.cursos-margen{
  margin-top: -23px;
}

.color-tabla{
  background-color: var(--neutro05);
}

.table-active {
  --bs-table-accent-bg: transparent
}

.field.field--name-field-firma-ucr.field--type-string.field--label-hidden.field__item {
  font-size: 12px;
}

.view-cursos .table>:not(caption)>*>* {
  padding: 0 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.view-cursos tr {
  padding: 0 0.6em;
}

.accordion-button:not(.collapsed) {
  color: var(--text-medium);
  background-color: var(--neutro05);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button {
  color: var(--text-medium);
  background-color: var(--neutro05);
}

table.table.caption-top {
  background-color: var(--neutro05);
}

.accordion-button:focus {
  background-color: var(--neutro05);
}

.view-noticias .sec-imagen.col-lg-3.col-md-3.col-sm-12.col-xs-12 {
  margin-top: 20px;
}

.view-cursos table#tabla-cursos p {
  margin-bottom: 5px;
}

.table, tr, td, th, tbody, thead, tr td, tr th, thead tr th, tbody tr td, .table>:not(:first-child) {
  border: 1px solid var(--bordes-tablas);
  background-color: var(--neutro05);
}

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

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

img.img-noticias{
  height: 125px;
  width: auto;
}

iframe {
  width: 100%;
}

.sin-borde{
  border: none;
}

li.list-group-item.list-group-item-dark {
  background-color: var(--neutro05);
}

li.breadcrumb-item {
  margin: 25px 0;
}

.nombre-investigador{
  padding: 5px !important;
}

.close{
  border: none;
}

@media screen and (max-width: 851px) {
  .site-footer__top .region:last-child {
    margin-left: 0px;
  }
}

table.table a, table.table a:hover, table.table a:focus {
  color: var(--text-link);
}

ul.list-group a {
  color: var(--text-link);
}

i.fas.fa-file-pdf {
  color: var(--documentos-pdf);
}

/*alternador de idioma*/

#block-alternadordeidioma .content nav span a{
  text-transform: uppercase;
  font-family: var(--font1);
  color: var(--blanco);
}

#block-alternadordeidioma .content nav span a:hover {
  color: var(--secundario-dark);;
  text-decoration: none;
}

/*alternador de idioma*/

section.row.region.region-top-header-form a {
  direction: rtl;
  padding: 5px 30px;
}


/*   AJUSTE DE CONTENEDORES   */

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

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

}


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