/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url('../../images/owlcarousel/owl.video.play.png') no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/*
 *  Owl Carousel - Nav & Dots
 */
.owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-nav [class*="owl-"] {
  display: inline-block;
  margin: auto;
  padding: 0.9rem 0;
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.25s;
}
.owl-nav [class*="owl-"]:hover {
  text-decoration: none;
}
.owl-nav.disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-nav .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-nav .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-nav .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-nav .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 0.3125rem;
  background: #606060;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 15px;
}
.owl-nav .owl-dots .owl-dot.active span, .owl-nav .owl-dots .owl-dot:hover span {
  background: #ffffff;
}
.etl-owl-h550 .owl-carousel .owl-item img {
  max-height: 550px;
}
.g-owlcarousel {
  color: #eceeef;
}
.g-owlcarousel .g-owlcarousel-item-wrapper {
  position: relative;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-img {
  position: relative;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-img:after {
  position: absolute;
  content: "";
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform-style: preserve-3d;
}
@media only all and (min-width: 75rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    width: 40rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    width: 30rem;
  }
}
@media only all and (max-width: 30rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container {
    width: 100%;
  }
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper {
    padding-top: 2.5rem;
  }
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
  margin: 1.25rem 0.625rem 0.625rem;
  padding: 0.938rem;
  text-align: center;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content {
    padding-top: 2.5rem;
  }
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
  font-family: "Montserrat";
  font-size: 3.5rem;
  line-height: 4rem;
  font-weight: 500;
  margin: 1.25rem 1.25rem 0.625rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    font-size: 3rem;
    line-height: 3.875rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    font-size: 2rem;
    line-height: 2.875rem;
    margin-top: 3.125rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    margin-top: 0;
    font-size: 2rem;
    line-height: 2.875rem;
  }
}
@media only all and (max-width: 30rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 1.407rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.625rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
    font-size: 1rem;
    line-height: 1.875rem;
    padding-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc {
    display: none;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-button {
    padding: 1rem 2.625rem;
    font-size: 0.6rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel .g-owlcarousel-item-wrapper .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-button {
    display: none;
  }
}
.g-owlcarousel .owl-nav {
  margin: 0;
}
.g-owlcarousel .owl-nav button.owl-prev, .g-owlcarousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s;
}
.g-owlcarousel .owl-nav button.owl-prev .fa, .g-owlcarousel .owl-nav button.owl-next .fa {
  position: relative;
}
.g-owlcarousel .owl-nav button.owl-prev:hover, .g-owlcarousel .owl-nav button.owl-next:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}
.g-owlcarousel .owl-nav .owl-prev {
  left: 3rem;
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel .owl-nav .owl-prev {
    left: 2rem;
  }
}
.g-owlcarousel .owl-nav .owl-prev .fa {
  left: -1px;
  top: 1px;
}
.g-owlcarousel .owl-nav .owl-next {
  right: 3rem;
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel .owl-nav .owl-next {
    right: 2rem;
  }
}
.g-owlcarousel .owl-nav .owl-next .fa {
  left: 1px;
  top: 1px;
}
.g-owlcarousel .owl-dots {
  position: absolute;
  bottom: 12%;
  width: 100%;
  text-align: center;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-owlcarousel .owl-dots {
    bottom: 5%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-owlcarousel .owl-dots {
    bottom: 1rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-owlcarousel .owl-dots {
    bottom: 0.5rem;
  }
}
.g-owlcarousel .owl-dots .owl-dot {
  display: inline-block;
  background: #606060;
  margin: 0 0.3125rem;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  opacity: 0.75;
  transition: all 0.2s;
}
.g-owlcarousel .owl-dots .owl-dot.active, .g-owlcarousel .owl-dots .owl-dot:hover {
  opacity: 1;
  background: #ffffff;
}
.g-owlcarousel.has-color-overlay .owl-stage > .owl-item:nth-child(even) .g-owlcarousel-item-img:after {
  background-color: #378476;
  background: linear-gradient(40deg, #378476, #90ad6b);
  opacity: 0.85;
}
.g-owlcarousel.has-color-overlay .owl-stage > .owl-item:nth-child(odd) .g-owlcarousel-item-img:after {
  background-color: #90ad6b;
  background: linear-gradient(140deg, #90ad6b, #378476);
  opacity: 0.85;
}
/*COLORES*/
:root {
  --color-fondo-1: #378476!important;
  --color-fondo-2: #90AD6B!important;
  --color-fondo-3: #343741!important;
  --color-fondo-4: #7FC6B3!important;
  --color-fondo-5: #F9B233!important;
  --color-fondo-6: #016B37!important;
}
/*SECCIONES*/
/*#g-cabecera-sesion*/
#g-cabecera-sesion {
  margin-top: 20px;
  margin-bottom: 20px;
}
#g-cabecera-sesion .logo {
  display: flex;
  align-items: center;
}
#g-cabecera-sesion .boton-ingresar .g-popupmodule-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
#g-cabecera-sesion .boton-ingresar a {
  display: flex;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background-color: var(--color-fondo-2);
  text-transform: uppercase;
  color: #fff;
  line-height: 1em;
  padding: 0px 0px 0px 30px;
  width: fit-content;
}
#g-cabecera-sesion .boton-ingresar a span.fa {
  background-color: var(--color-fondo-5);
  padding: 30px 10px 30px 10px;
}
/*#g-navegacion*/
#g-navegacion {
  background-color: var(--color-fondo-1);
}
#g-navegacion .g-main-nav {
  display: flex;
  justify-content: center;
}
#g-navegacion .g-main-nav .g-toplevel {
  width: fit-content;
}
#g-navegacion .g-main-nav .g-toplevel li.boton-acceso-pc, #g-navegacion .g-main-nav .g-toplevel li.active {
  background-color: var(--color-fondo-2);
}
#g-navegacion .g-main-nav .g-toplevel li.boton-acceso-pc a {
  padding: 6px 16px 6px 16px;
}
#g-navegacion .g-main-nav .g-toplevel li .g-menu-item-title {
  color: #ffffff;
}
/*#g-intro-banner*/
#g-intro-banner .g-owlcarousel-item-desc {
  display: flex;
  flex-direction: row;
}
#g-intro-banner .g-owlcarousel-item-desc img {
  max-width: 35%;
}
#g-intro-banner .g-owlcarousel-item-desc .txt {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 42px;
}
#g-intro-banner .g-owlcarousel-item-desc .txt .large {
  font-size: 60px;
  font-weight: 900;
}
/*#g-principal*/
#g-principal .titular .tm-title, #g-principal .titular .tm-description {
  line-height: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
}
#g-principal .titular .tm-title {
  font-weight: 900;
}
#g-principal #buscador {
  background-color: var(--color-fondo-1);
  color: #fff;
  display: flex;
  flex-flow: row;
  padding: 20px;
  border-radius: 20px;
}
#g-principal #modulo-cursos .filtros-horizontal {
  background-color: var(--color-fondo-1);
  color: #fff;
  border-radius: 20px;
}
#g-principal #modulo-cursos .jl-subnav > li.jl-active a {
  background-color: var(--color-fondo-4);
}
#g-principal #modulo-cursos .jl-subnav > li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  line-height: 1em;
  padding: 20px 20px 20px 20px;
}
#g-principal #modulo-cursos .jl-subnav > li a:hover {
  background-color: var(--color-fondo-4);
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor {
  display: flex;
  gap: 20px;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso {
  border-radius: 20px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  width: calc(100% / 4);
  position: relative;
  overflow: hidden;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .estado {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px 10px 6px 10px;
  z-index: 1;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .estado.aprobado {
  background-color: var(--color-fondo-1);
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .estado.pendiente {
  background-color: var(--color-fondo-5);
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  filter: grayscale(1);
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info {
  padding: 20px;
  display: flex;
  flex-flow: column;
  gap: 20px;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .titulo {
  text-transform: uppercase;
  color: var(--color-fondo-3);
  font-weight: 700;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .descripcion {
  font-size: 14px;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .meta {
  display: flex;
  flex-flow: column;
  gap: 5px;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .meta .fila {
  display: flex;
  gap: 6px;
  align-items: center;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .meta .fila span {
  font-size: 12px;
  text-transform: uppercase;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .accion .boton {
  background-color: var(--color-fondo-4);
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 0 10px 0;
}
#g-principal #modulo-cursos #contenido-pestanas .contenedor .card_curso .info .accion .boton:hover {
  background-color: var(--color-fondo-1);
}
/*#g-2-columnas*/
#g-2-columnas .titular .tm-title, #g-2-columnas .titular .tm-description {
  line-height: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
}
#g-2-columnas .titular .tm-title {
  font-weight: 900;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list {
  margin: 0;
  padding: 0;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list .tm-item {
  background-color: var(--color-fondo-4);
  padding: 12px;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list .tm-item .tm-title {
  font-weight: 700;
  border-top: 10px solid var(--color-fondo-1);
  width: fit-content;
  padding-top: 6px;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list .tm-item .tm-title a {
  color: #ffffff;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list .tm-item .tm-image {
  aspect-ratio: 1;
}
#g-2-columnas #g-izquierda .columna-noticias .jl-list .tm-item .tm-meta {
  background-color: #ffffff;
  color: var(--color-fondo-1);
  font-size: 42px;
  overflow: hidden;
  width: 68px;
  height: 68px;
  text-indent: -224px;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  border-radius: 60px 0px 60px 60px;
  position: absolute;
  right: 0;
}
#g-2-columnas #g-derecha {
  background-image: url('../../../../images/actividades/bg-actividades.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 146px;
}
#g-2-columnas #g-derecha .titulo-temas {
  padding-top: 82px;
}
#g-2-columnas #g-derecha #titulo-mes .tm-title {
  font-weight: 900;
}
#g-2-columnas #g-derecha #titulo-mes .tm-title {
  line-height: 0.8em;
}
#g-2-columnas #g-derecha #titulo-mes .tm-description {
  line-height: 1em;
}
#g-2-columnas #g-derecha .columna-actividades .jl-list {
  margin: 0;
}
#g-2-columnas #g-derecha .columna-actividades .jl-list .tm-item {
  padding-right: 30px;
}
#g-2-columnas #g-derecha .columna-actividades .jl-list .tm-item .tm-meta {
  background-color: var(--color-fondo-1);
  color: #ffffff;
  font-size: 70px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  text-indent: -368px;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  border-radius: 60px 60px 60px 0;
}
#g-2-columnas #g-derecha .columna-actividades .jl-list .tm-item .tm-image {
  aspect-ratio: 1;
  height: 220px;
  object-fit: cover;
  border: 2px solid var(--color-fondo-1);
}
/*#g-contenido-adicional*/
#g-contenido-adicional {
  background-color: #6060600f;
}
#g-contenido-adicional .titular .tm-title {
  font-weight: 900;
}
#g-contenido-adicional .titular .tm-title, #g-contenido-adicional .titular .tm-description {
  line-height: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
}
#g-contenido-adicional .faq .tm-item a {
  border-radius: 20px;
}
#g-contenido-adicional .faq .tm-item:nth-last-child(n+2) {
  margin-top: 10px;
}
/*#g-contacto*/
#g-contacto {
  background-color: #6060600f;
}
#g-contacto .titular .tm-title {
  font-weight: 900;
}
#g-contacto .titular .tm-title, #g-contacto .titular .tm-description {
  line-height: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
}
/*#g-footer*/
#g-footer {
  border-top: 2px solid var(--color-fondo-2);
  padding-top: 60px;
  margin-top: 60px;
}
#g-footer .g-grid:nth-child(1), #g-footer .g-grid:nth-child(2) {
  width: 75rem;
  margin: 0 auto;
}
#g-footer .columna {
  border-left: 2px solid var(--color-fondo-2);
}
#g-footer #soporte {
  background-color: var(--color-fondo-1);
  border-bottom: 24px;
  border-bottom-style: solid;
  border-bottom-color: var(--color-fondo-4);
  padding-bottom: 30px;
  padding-top: 30px;
  margin-top: 80px;
}
/*LOGIN MODAL*/
.login-personalizado {
  width: 600px;
  border-radius: 5px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
.login-personalizado .platform-content {
  display: flex;
  gap: 30px;
}
.login-personalizado .platform-content .imagen-lateral {
  background-image: url('../../../../images/Login/img-login.jpg');
  background-color: var(--color-fondo-4);
  width: 300px;
  display: block;
}
.login-personalizado .platform-content .logo-plataforma {
  background-color: #6060600f;
  padding: 40px;
  margin-bottom: 20px;
}
.login-personalizado .platform-content .mod-login__userdata {
  gap: 10px;
  display: flex;
  flex-flow: column;
}
/*# sourceMappingURL=custom_16.css.map */