:root {
  --margin-element: 25px;
}

.section-ual {
  padding-top: var(--margin-element);
  padding-bottom: var(--margin-element);
}

.seccion-ual-gris {
  background-color: #ecedef;
  padding-top: var(--margin-element);
  padding-bottom: var(--margin-element);
}

.padding-top-zero {
  padding-top: 0px !important;
}

.centrar-vertical-elementos {
  display: flex;
  flex-direction: row;
  column-gap: 30px;
  align-items: center;
  padding: 10px 10px 10px 10px;
}

.body-texto-seccion {
  font-family: 'Roboto';
  font-size: 18px;
  color: #323232;
}


.padding40 {
  padding: 40px 40px 40px 40px;
}

.padding-top-20 {
	padding-top: 35px !important;
}

.margin-right-50 {
	margin-right: 50px;
}
.margin-left-50 {
	margin-left: 50px;
}

.padding-left-40 {
  padding-top: 40px;
  padding-left: 40px;
}

.pl20 {
  padding-left: 20px;
}
.padding-left-80 {
  padding-top: 40px;
  padding-left: 80px;
}

.padding-contenedor-lista {
  padding-left: 40px;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.padding-contenedor-lista-derecha {
  padding-left: 44px;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 40px;
}


.titulo-seccion {
  font-family: 'SegoeUIBold';
  font-size: 35px;
  font-weight: bold;
  color: #0a4382;
  line-height: 35px;
  padding-top: 0px;
}

.vida-campus {
	margin-top: 20px;
}

.margen-top-bottom-40 {
  margin-top: var(--margin-element);
  margin-bottom: var(--margin-element);
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}
.ml-10 {
	margin-left: 10px;
}
a:focus {
outline-style: solid !important;
    outline-width: 1px !important;
    outline-color: #FF0000 !important;
}
.margin0 {
	margin: 0px !important;
}

.no-flex {
	display: block !important;
}


/* ********************************* Rejillas ************************************ */

.contenedor-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--margin-element);
}

.contenedor-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--margin-element);
}

.contenedor-grid-item {
  justify-content: center;
}

.contenedor-con-borde {
  border: solid 5px #ecedef;
}

.contenedor-fondo-blanco {
  background-color: white;
}

.contenedor-fondo-azul {
  background-color: #f5fcfe !important;
}

.alinear-centro-grid {
  justify-self: center;
}

.alinear-derecha-grid {
  justify-self: right;
}

/* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
 
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
 .padding-contenedor-lista-derecha {padding-top: 0px;}
	.padding-contenedor-lista {padding-bottom: 0px;}
 
}


/* // Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

  .contenedor-grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .contenedor-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .alinear-centro-grid {
    justify-self: left;
  }
  
  .alinear-derecha-grid {
    justify-self: left;
  }

}


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