:root {
  --bs-primary: #830050;
  --bs-secondary: #9FD600;
  --bs-success: #28a745;
  --bs-info: #17a2b8;
  --bs-warning: #99bfe5;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #4B473F;
  --bs-white: #fff;
  --bs-grey: #8a969e;
  --bs-blue: #0f3a85;
  --rui-secondary: #26b2af;
}
::-webkit-scrollbar-thumb {
  background: #b53389 !important;
}
::-webkit-scrollbar-track {
  background-color: #8ccfd67a !important;
}
/* Bootstrap gutter utilities (for .row) */
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

/* Bootstrap gap utilities */
.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }

.row-gap-0 { row-gap: 0 !important; }
.row-gap-1 { row-gap: 0.25rem !important; }
.row-gap-2 { row-gap: 0.5rem !important; }
.row-gap-3 { row-gap: 1rem !important; }
.row-gap-4 { row-gap: 1.5rem !important; }
.row-gap-5 { row-gap: 3rem !important; }

.column-gap-0 { column-gap: 0 !important; }
.column-gap-1 { column-gap: 0.25rem !important; }
.column-gap-2 { column-gap: 0.5rem !important; }
.column-gap-3 { column-gap: 1rem !important; }
.column-gap-4 { column-gap: 1.5rem !important; }
.column-gap-5 { column-gap: 3rem !important; }

@media (min-width: 576px) {
  .gap-sm-0 { gap: 0 !important; }
  .gap-sm-1 { gap: 0.25rem !important; }
  .gap-sm-2 { gap: 0.5rem !important; }
  .gap-sm-3 { gap: 1rem !important; }
  .gap-sm-4 { gap: 1.5rem !important; }
  .gap-sm-5 { gap: 3rem !important; }

  .row-gap-sm-0 { row-gap: 0 !important; }
  .row-gap-sm-1 { row-gap: 0.25rem !important; }
  .row-gap-sm-2 { row-gap: 0.5rem !important; }
  .row-gap-sm-3 { row-gap: 1rem !important; }
  .row-gap-sm-4 { row-gap: 1.5rem !important; }
  .row-gap-sm-5 { row-gap: 3rem !important; }

  .column-gap-sm-0 { column-gap: 0 !important; }
  .column-gap-sm-1 { column-gap: 0.25rem !important; }
  .column-gap-sm-2 { column-gap: 0.5rem !important; }
  .column-gap-sm-3 { column-gap: 1rem !important; }
  .column-gap-sm-4 { column-gap: 1.5rem !important; }
  .column-gap-sm-5 { column-gap: 3rem !important; }
}

@media (min-width: 768px) {
  .gap-md-0 { gap: 0 !important; }
  .gap-md-1 { gap: 0.25rem !important; }
  .gap-md-2 { gap: 0.5rem !important; }
  .gap-md-3 { gap: 1rem !important; }
  .gap-md-4 { gap: 1.5rem !important; }
  .gap-md-5 { gap: 3rem !important; }

  .row-gap-md-0 { row-gap: 0 !important; }
  .row-gap-md-1 { row-gap: 0.25rem !important; }
  .row-gap-md-2 { row-gap: 0.5rem !important; }
  .row-gap-md-3 { row-gap: 1rem !important; }
  .row-gap-md-4 { row-gap: 1.5rem !important; }
  .row-gap-md-5 { row-gap: 3rem !important; }

  .column-gap-md-0 { column-gap: 0 !important; }
  .column-gap-md-1 { column-gap: 0.25rem !important; }
  .column-gap-md-2 { column-gap: 0.5rem !important; }
  .column-gap-md-3 { column-gap: 1rem !important; }
  .column-gap-md-4 { column-gap: 1.5rem !important; }
  .column-gap-md-5 { column-gap: 3rem !important; }
}

@media (min-width: 992px) {
  .gap-lg-0 { gap: 0 !important; }
  .gap-lg-1 { gap: 0.25rem !important; }
  .gap-lg-2 { gap: 0.5rem !important; }
  .gap-lg-3 { gap: 1rem !important; }
  .gap-lg-4 { gap: 1.5rem !important; }
  .gap-lg-5 { gap: 3rem !important; }

  .row-gap-lg-0 { row-gap: 0 !important; }
  .row-gap-lg-1 { row-gap: 0.25rem !important; }
  .row-gap-lg-2 { row-gap: 0.5rem !important; }
  .row-gap-lg-3 { row-gap: 1rem !important; }
  .row-gap-lg-4 { row-gap: 1.5rem !important; }
  .row-gap-lg-5 { row-gap: 3rem !important; }

  .column-gap-lg-0 { column-gap: 0 !important; }
  .column-gap-lg-1 { column-gap: 0.25rem !important; }
  .column-gap-lg-2 { column-gap: 0.5rem !important; }
  .column-gap-lg-3 { column-gap: 1rem !important; }
  .column-gap-lg-4 { column-gap: 1.5rem !important; }
  .column-gap-lg-5 { column-gap: 3rem !important; }
}

@media (min-width: 1200px) {
  .gap-xl-0 { gap: 0 !important; }
  .gap-xl-1 { gap: 0.25rem !important; }
  .gap-xl-2 { gap: 0.5rem !important; }
  .gap-xl-3 { gap: 1rem !important; }
  .gap-xl-4 { gap: 1.5rem !important; }
  .gap-xl-5 { gap: 3rem !important; }

  .row-gap-xl-0 { row-gap: 0 !important; }
  .row-gap-xl-1 { row-gap: 0.25rem !important; }
  .row-gap-xl-2 { row-gap: 0.5rem !important; }
  .row-gap-xl-3 { row-gap: 1rem !important; }
  .row-gap-xl-4 { row-gap: 1.5rem !important; }
  .row-gap-xl-5 { row-gap: 3rem !important; }

  .column-gap-xl-0 { column-gap: 0 !important; }
  .column-gap-xl-1 { column-gap: 0.25rem !important; }
  .column-gap-xl-2 { column-gap: 0.5rem !important; }
  .column-gap-xl-3 { column-gap: 1rem !important; }
  .column-gap-xl-4 { column-gap: 1.5rem !important; }
  .column-gap-xl-5 { column-gap: 3rem !important; }
}

@media (min-width: 1400px) {
  .gap-xxl-0 { gap: 0 !important; }
  .gap-xxl-1 { gap: 0.25rem !important; }
  .gap-xxl-2 { gap: 0.5rem !important; }
  .gap-xxl-3 { gap: 1rem !important; }
  .gap-xxl-4 { gap: 1.5rem !important; }
  .gap-xxl-5 { gap: 3rem !important; }

  .row-gap-xxl-0 { row-gap: 0 !important; }
  .row-gap-xxl-1 { row-gap: 0.25rem !important; }
  .row-gap-xxl-2 { row-gap: 0.5rem !important; }
  .row-gap-xxl-3 { row-gap: 1rem !important; }
  .row-gap-xxl-4 { row-gap: 1.5rem !important; }
  .row-gap-xxl-5 { row-gap: 3rem !important; }

  .column-gap-xxl-0 { column-gap: 0 !important; }
  .column-gap-xxl-1 { column-gap: 0.25rem !important; }
  .column-gap-xxl-2 { column-gap: 0.5rem !important; }
  .column-gap-xxl-3 { column-gap: 1rem !important; }
  .column-gap-xxl-4 { column-gap: 1.5rem !important; }
  .column-gap-xxl-5 { column-gap: 3rem !important; }
}

.line-height-normal {
  line-height: normal;
}
#s-page-footer {
  max-width: calc(100% + 40px);
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 0;
  border-top: none;
  .wrapper-xl {
    max-width: 100%;
  }
}
.rui-footer--contact {
  gap: 1rem;
  justify-content: center;
  li {
    border-right: solid 1px;
    padding-right: 1rem;
    margin-right: 0;
    &:last-child {
      border-right: none;
      padding-right: 0;
    }
  }
}
@media (min-width: 1200px) {
  .position-lg-relative {
    position: relative !important;
  }
}
.rui-login-layout--1 .rui-login-box {
  max-width: 900px;
  background-color: #e5e5f19e;
  padding-top: 60px;
  .rui-login-content {
    width: 100%;
    height: 100%;
  }
}
#page-login-index {
  .rui-login-layout--1 .rui-login-box {
    max-width: 640px;
    .rui-login-content {
      width: 100%;
      height: 100%;
      max-width: 580px;
      .rui-login-logo {
        max-width: 100%;
        height: 112px;
      }
    }
  }
}
.rui-loginpage-intro-logo {
  .rui-login-logo {
    width: 100%;
    max-width: 100%;
    height: 150px;
    object-fit: contain;
    object-position: center;
  }
}
.btn-rui-warning {
  background-color: var(--bs-warning);
  color: #f8ebf3;
}
.bg-secondary {
  background-color: var(--bs-secondary) !important;
}
.bg-primary {
  background-color: var(--bs-primary) !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.text-green {
  color: var(--bs-secondary) !important;
}
.text-warning {
  color: var(--bs-warning) !important;
}
.text-dark {
  color: var(--bs-dark) !important;
}
.text-blue {
  color: var(--bs-blue) !important;
}
.rounded-xl {
  border-radius: 1.5rem !important;
}
.section-title {
  display: inline-block;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 40px;
}
.border-top-solid {
  border-top: 4px solid var(--bs-secondary);
  padding-top: 1rem;
}
.border-left-solid {
  border-left: 4px solid var(--bs-primary);
  padding-left: 1rem;
}
.border-bottom-solid {
  border-bottom: 2px solid var(--bs-primary);
}
.border-bottom-solid-dark {
  border-bottom: 1px solid var(--bs-secondary);
}
.font-50 {
  font-size: 50px;
  @media (max-width: 766.98px) {
    font-size: 38px;
  }
}
.font-36 {
  font-size: 36px;
  line-height: 42px;
  @media (max-width: 766.98px) {
    font-size: 28px;
    line-height: 36px;
  }
}
.font-30 {
  font-size: 30px;
  @media (max-width: 766.98px) {
    font-size: 24px;
  }
}
.font-26 {
  font-size: 26px;
  line-height: 30px;
  @media (max-width: 766.98px) {
    font-size: 22px;
    line-height: 26px;
  }
}
.font-24 {
  font-size: 24px;
  @media (max-width: 766.98px) {
    font-size: 20px;
  }
}
.font-22 {
  font-size: 22px;
  @media (max-width: 766.98px) {
    font-size: 20px;
  }
}
.font-20 {
  font-size: 20px;
  line-height: 24px;
  @media (max-width: 766.98px) {
    font-size: 17px;
    line-height: 19px;
  }
}
.font-18 {
  font-size: 18px;
  line-height: 24px;
  @media (max-width: 766.98px) {
    font-size: 16px;
    line-height: 21px;
  }
}
.font-16 {
  font-size: 16px;
  @media (max-width: 766.98px) {
    font-size: 14px;
  }
}
.font-15 {
  font-size: 15px;
  line-height: 19px;
  @media (max-width: 766.98px) {
    font-size: 14px;
    line-height: 18px;
  }
}
.font-14 {
  font-size: 14px;
  @media (max-width: 766.98px) {
    font-size: 12px;
  }
}
.font-12 {
  font-size: 12px;
  @media (max-width: 766.98px) {
    font-size: 11px;
  }
}
.fw-bold {
  font-weight: 700;
}
.fw-light {
  font-weight: 300;
}
.fw-regular {
  font-weight: 400;
}
.font-Oxanium {
  font-family: Oxanium, sans-serif !important;
}
.btn-lg {
  padding: 1rem 1.75rem !important;
}
.ico-arrow {
  cursor: pointer;
  position: relative;
  user-select: none;
}
.card {
  padding: 1rem;
  border-radius: 18px;
}
.accordion {
  .card {
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    width: 100%;
    .card-header {
      .card-collapse {
        border-bottom: solid 1px #E300AF;
        @media (min-width: 1080px){
          min-height: 125px;
          justify-content: space-between;
        }
        .img-toggle {
          display: block;
          margin-left: auto;
          transition: transform ease-in .2s;
          transform: scale(-1, 1);
        }
        &[aria-expanded="true"] {
          .img-toggle {
            transform: scale(1, -1);
          }
        }
      }
    }
  }
}


@media (max-width: 420px){
  .accordion .card-body{
    ul {margin: 0;}
  }
}

.max-h-250 {
  max-height: 250px;
}
.roundedxl-top {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
html {
  scroll-behavior: smooth;
}

@media (min-width: 1520px) {
  .container-xl {
    max-width: 1320px;
  }
  .container-2xl {
    max-width: 1520px;
  }
}
@media (max-width: 1519.9px) {
  .container-xl {
    max-width: 1290px;
  }
}
@media (max-width: 1199.98px) {
  .slider-academicos {
    /*max-width: calc(100% + 40px) !important;
        padding: 0;
        margin-left: -20px;
        width: calc(100% + 40px);*/
    width: 100%;
    max-width: 100% !important;
  }
  .splide-title {
    margin-inline: 2rem;
  }
}
@media (max-width: 1079.98px) {
  .border-lmd-none {
    border: none;
  }
}
@media screen and (max-width: 480px) {
  #page-site-index .rui-topbar-customfield a.preinscripcion-btn {
    display: none;
  }
}
@media (max-width: 767.98px) {
  #page-wrapper #page {
    padding: 63px 20px 7px;
  }
}
/* @media (max-width: 766.98px) {
  #topBar.opened .rui-topbar-customfield {
    display: none !important;
  }
} */
#page-site-index :target::before {
  display: none;
}
.modal-dialog {
  max-width: none;
  margin: 0 auto;
  z-index: 99999999 !important;
}

.rui-topbar-wrapper {
  backdrop-filter: blur(4px);
  background: rgb(176 214 255 / 60%);
  border-bottom: none;
}
.rui-logo img {
  max-height: 45px;
  height: 18px;
}

.rui-topbar-customfield {
  padding: 0;
}
.rui-login-btn.preinscripcion:hover {
  background-color: #d8ecff;
}
.rui-login-btn.preinscripcion span {
  color: white;
}
.rui-login-btn.preinscripcion:hover span {
  color: var(--bs-dark);
}
body.notloggedin #topBar .my-courses svg {
  display: none;
}
body:not(.notloggedin) .rui-login-btn.preinscripcion {
  display: none !important;
}

#page-site-index #region-main-box .wrapper-xl.w-full {
  max-width: calc(100% + 40px);
  margin-left: -20px;
  width: calc(100% + 40px);
}
#page-my-index div[data-region="filter"],
#page-my-index .rui-coursemenu-btn {
  display: none !important;
}
#page-site-index {
  #page {
    padding: 0 20px 7px;
    #topofscroll {
      margin-top: 0;
    }
  }
  .rui-icon-menu.rui-icon-menu--right {
    display: none;
 }
 .rui-icon-menu.rui-icon-menu--left {
  display: none;
 }
}
#page-site-index .wrapper-fw.rui-fp-margin-bottom {
  margin-bottom: 0;
}
#page-site-index #fpmaincontent {
  margin-bottom: 0;
}
.bg-section-full {
  background-image: url(/_contenidos/theme/img/bg-section-full.jpg);
  background-size: cover;
  background-position: bottom center;
}
#page-site-index .header .bg-header {
  background-image: url(/_contenidos/theme/img/bg-header.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 5% bottom;
  background-color: white;
  @media (max-width: 768px) {
    background-image: none
  }
}

#page-site-index .bg-presentacion{
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 85%, white 100%), url(/_contenidos/theme/img/bg-presentacion.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
/* #page-site-index .objetivos {
  background-image: url(/_contenidos/theme/img/back-objetivos.jpg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: 100% 20%;
  @media (max-width: 767.98px) {
    background-position: calc(100% + 150px) 20%;
  }
} */
/* #page-site-index .metodologia {
  background-image: url(/_contenidos/theme/img/back-metodologia.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 98% 12%;
}
 */
.form-control,
[type="text"],
[name="subject"],
.usp-search-field,
#email_email {
  box-shadow: none;
  background-color: #ffffffc7;
}
.btn--cookie {
  display: none;
}
.splide__arrows {
  top: 0;
  position: relative;
  left: 0;
  display: flex;
  gap: 10px;
  .splide__arrow {
    position: sticky;
    transform: none;
    background: transparent;
    width: 3em;
    height: 3em;
  }
}
.font-weight-bolder {
  font-weight: 500 !important;
}

.preinscripcion.w-full {
  background-image: url("/_contenidos/theme/img/bg-pre.jpg");
}
#s-page-footer .fixed-cookie,
.rui-login-footer-content .fixed-cookie {
  position: fixed;
  bottom: -12px;
  right: 5px;
  width: 89px;
  text-align: center;
  background-color: #f0f8ffa8;
  padding: 0.2rem 0.5rem 0.8rem;
  color: #094856;
  border-radius: 1rem 1rem 0 0;
  font-size: 10px;
  line-height: 12px;
}
#s-page-footer .fixed-cookie:hover,
.rui-login-footer-content .fixed-cookie:hover {
  bottom: -5px;
  background-color: #f0f8ffe0;
  transition: bottom ease-in 0.1s;
  color: #094856 !important;
}
@media (max-width: 1079.98px) {
  .opened .rui-topbar .rui-icon-menu {
    background-color: transparent;
  }
}

/*FORMULARIO DE REGISTRO*/
#page-login-signup #fitem_id_username {
  visibility: hidden;
  position: absolute;
}
#page-login-signup #id_profile_field_codigoacceso {
  max-width: 250px;
}
/* #page-login-signup #fitem_id_profile_field_codigoacceso::after {
  content: "Código proporcionado por tu persona de contacto de xxxxx de la xxxx";
  font-size: 12px;
  margin-block: 0.5rem;
  line-height: 16px;
} */
#page-user-edit .wrapper-course {
  padding: 40px 15px;
}

/*.course-content li.section:not(#section-0) ul.rui-section,*/
.course-content li.section ul.rui-section {
  border-radius: 7px;
  overflow: visible;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
  gap: 1rem 3rem;
  padding: 2rem 2rem 2rem;
  border: none;
  @media (max-width: 759px) {
    grid-template-columns: repeat(1, minmax(240px, 1fr));
    gap: 1rem;
  }
  @media (min-width: 760px) {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
  @media (min-width: 1024px) {
    grid-template-columns: repeat(3, minmax(240px, 1fr));
  }
  @media (min-width: 1366px) {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
  @media (min-width: 1599px) {
    grid-template-columns: repeat(4, minmax(300px, 1fr));
  }
}
.section li.activity.label {
  grid-column: 1 / -1;
}
/*li.section:not(#section-0) li:not(.modtype_label).activity ,*/
li.section li:not(.modtype_label).activity {
border-radius: 15px;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    background-color: rgba(159, 214, 0, 0.5);
    display: flex;
    align-items: flex-end;
    /* background: linear-gradient(139deg, #C2C3E24D 0%, rgb(255 255 255 / 0%) 75%); */
    /* border-right: solid 1px #a84c84; */
    /* border-bottom: solid 3px #a84c84; */
}
.rui-course-header-btn {
  background-color: var(--lp-blue-500);
  border-bottom: solid 4px #9fd600;
}
.rui-course-header-btn .sectionname {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff !important;
}
li.activity .rui-completion-info {
  margin-left: 0;
  .badge-sm {
    padding: 0.25rem 0.65rem;
    font-size: 0.65rem;
    display: none;
  }
}
.mediaplugin_vimeo iframe {
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .section .rui-completion-info,
  .section .rui-contentafterlink,
  .section .rui-activity-dates {
    margin-left: 0;
  }
}
.instancename,
.rui-instancename {
  font-weight: 700;
  color: #00056f;
}
.instancename:hover,
.rui-instancename:hover {
  text-decoration: underline;
}
.rui-course-header-btn .rui-course-header-btn-icon {
  padding: 16px 32px;
}
.role-student .wrapper-course {
  padding-top: 0;
}
.role-student .secondary-navigation {
  display: none;
}
.rui-main-content-title--h1 {
  color: var(--bs-blue) !important;
}
#scormtop {
  display: none;
}
#page-grade-report-overview-index .main-content h3,
#page-grade-report-overview-index .main-content table .header.c1,
#page-grade-report-overview-index .main-content table .cell.c1 {
  display: none;
}
.corazon {
  @media (max-width: 767px) {
    opacity: 0.6;
  }
}
body#page-site-index.notloggedin #fpmaincontent {
  display: none;
}
.rui-login-btn {
  padding: 0 1rem;
  background-color: rgba(0, 124, 254, 0.5);
  color: white;
  width: 177px;
  font-size: 18px;
  font-weight: 500;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  &.preinscripcion {
    &:hover {
      background-color: #0a8bfb;
      span {
        color: white;
      }
    }
  }
  &:hover {
    background-color: #0a8bfb;
    color: white;
  }
  svg {
    display: none;
  }
}
#topBar {
  &.opened {
    @media screen and (max-width: 720px) {
      #logo {
        display: none !important;
      }
      .site-name {
        display: none;
      }
    }
  }
  .rui-topbar-customfield {
    display: flex !important;
    @media (max-width: 1079.9px) {
      .preinscripcion {
        position: absolute;
        margin: 0;
        right: 0;
        top: 2px;
      }
    }
  }
}
@media (max-width: 392px) {
      .rui-mobile-nav #logo .rui-custom-logo{
            max-height: 30px;
      }
    }
#s-page-footer hr {
  display: none;
}
.rui-login-logo-container .rui-login-logo {
    max-width: 390px;
    height: auto;
}
.rui-login-layout--1 .rui-login-logo-container {
  margin-bottom: 0 !important;
    margin-top: 1.5rem !important;
}
@media (max-width: 1199.9px) {
      .pt-media{
              padding-top: 5rem !important;
      }
    }

@media (max-width: 767.98px) {
    .rui-login-box .rui-login-content {
        max-width: 100%;
        height: 100%;
    }
    .rui-login-layout--1 .rui-login-box {
      max-width: 96% !important;
    }
}

.page-mycourses .block-myoverview .rui-course-card-deck {
    display: flex;
    max-width: 720px;
}
.rui-course-card .rui-course-card-progress-bar {
    background-color: #9494946b;
    padding: 1rem;
    border-radius: 1rem;
}

.rui-hasinstructions-desc {
    background-color: transparent;
    text-align: center;
}
@media (max-width: 1079.98px) {
  #moremenu-topbar {display: none;}
  .primary-navigation .navigation {padding: 35px 10px 35px;}
}

/* ========== Landing Presentación (Aula Colestasis) ========== */
:root {
  --lp-blue-600: #000565;
  --lp-blue-700: #00056f;
  --lp-blue-500: #007cfe;
  --lp-blue-300: #54a7fe;
  --lp-blue-200: #8a8cbd;
  --lp-blue-50: #e6f2ff;
  --lp-text-1: #235282;
  --lp-text-muted: #636363;
  --lp-green-600: #9fd600;
  --lp-green-500: #afeb00;
  --lp-green-400: #bfef33;
  --lp-font-body: "Montserrat", sans-serif;
  --lp-font-display: "Oswald", sans-serif;
}

.font-28 {
  font-size: 28px;
  line-height: 1.35;
  @media (max-width: 766.98px) {
    font-size: 22px;
  }
}

.lp-header {
  font-family: var(--lp-font-body);
  max-width: 1320px;
  margin: auto;
}

.lp-header__logo {
  display: block;
  width: auto;
  max-width: min(476px, 70vw);
  height: auto;
  max-height: 71px;
}

.lp-btn {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 0.9rem 1.75rem;
  border: none;
  min-width: 191px;
  text-align: center;
}

.lp-btn--plaza {
  background-color: var(--lp-blue-500);
  color: var(--lp-blue-50);
}

.lp-btn--plaza:hover,
.lp-btn--plaza:focus {
  background-color: #0066d4;
  color: var(--lp-blue-50);
}

.lp-btn--acceder {
  background-color: var(--lp-green-600);
  color: var(--lp-blue-50);
}

.lp-btn--acceder:hover,
.lp-btn--acceder:focus {
  background-color: #8bc000;
  color: var(--lp-blue-50);
}

.lp-hero {
  font-family: var(--lp-font-body);
  background-color: var(--lp-blue-600);
  background-image: url("/_contenidos/theme/img/bg-hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 780px;
}

.lp-hero__content {
  z-index: 2;
  max-width: 1320px;
  padding-top: 4rem !important;
  padding-bottom: 4.5rem !important;
}

.lp-hero__deco {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: min(525px, 42vw);
  height: auto;
}

.lp-hero__deco--left {
  left: 0;
  bottom: 140px;
  max-width: 160px;
}

.lp-hero__deco--right {
  right: 0;
  top: -40px;
  max-width: 331px;
}

.lp-hero__logo-aula {
  display: block;
  width: 100%;
  max-width: 680px;
  height: auto;
}

.lp-hero__lead {
  max-width: 652px;
  color: #fff;
}

.lp-hero__lead strong,
.lp-hero__text strong,
.lp-info-box__text strong {
  font-weight: 600;
}

.lp-hero__text {
  max-width: 608px;
  color: #fff;
}

.lp-hero__aside {
  max-width: 664px;
}

/* @media (min-width: 1200px) {
  .lp-hero__aside {
    padding-top: 8.5rem;
  }
} */

.lp-info-box {
  border-width: 1px !important;
  border-radius: 11px !important;
}

.lp-ects {
  border-radius: 11px !important;
}

.lp-info-box__title {
  font-family: var(--lp-font-display);
  font-weight: 400;
  font-size: 26px;
  line-height: 1.2;
  color: var(--lp-green-400);
}

.lp-info-box__text {
  color: #fff;
}

.lp-info-box__text strong {
  font-weight: 700;
}

.lp-ects {
  background-color: var(--lp-green-600);
  min-height: 55px;
  max-width: 397px;
}

.lp-ects__text {
  font-family: var(--lp-font-display);
  font-weight: 400;
  font-size: 22px;
  line-height: 1.2;
  color: var(--lp-blue-600);
  letter-spacing: 0.01em;
}

.lp-sponsors__label {
  color: #fff;
  margin-bottom: 0.5rem;
}

.lp-sponsors__logo {
  display: block;
  width: auto;
  height: auto;
}

.lp-sponsors__logo--ipsen {
  max-width: 152px;
  max-height: 41px;
}

.lp-sponsors__logo--aeeh {
  max-width: 180px;
  max-height: 47px;
}

.primary-navigation .navigation .nav-link:hover {
  background-color: #ffffff;
}

.rui-topbar-btn:hover,
.rui-mobile-nav-btn {
  background-color: #afeb00;
}

@media (max-width: 1199.98px) {
  .lp-hero {
    min-height: 0;
  }

  .lp-hero__deco {
    opacity: 0.45;
    width: min(360px, 55vw);
  }

  .lp-hero__aside {
    max-width: 100%;
  }
}

@media screen and (min-width: 1080px) {
  #page-site-index #topBar {
    top: 15px;
    max-width: 1090px;
    margin: auto;
    left: 0;
    right: 0;
  }
}


@media (max-width: 767.98px) {
  .lp-btn {
    font-size: 15px;
    min-width: 0;
    padding: 0.75rem 1.25rem;
  }

  .lp-header__logo {
    max-height: 48px;
  }

  /* .lp-hero__content {
    padding-top: 2.5rem !important;
    padding-bottom: 3rem !important;
  } */

  .lp-hero__deco--left {
    bottom: -2rem;
  }

  .lp-hero__deco--right {
    top: -1rem;
  }

  .lp-info-box__title {
    font-size: 22px;
  }

  .lp-ects {
    max-width: 100%;
  }

  .lp-ects__text {
    font-size: 18px;
    text-align: center;
  }
}

/* ========== Landing Objetivos (Aula Colestasis) ========== */
.lp-objetivos {
  font-family: var(--lp-font-body);
  color: var(--lp-blue-700);
}

.lp-objetivos__content {
  max-width: 1320px;
  padding-top: 4rem !important;
  /* padding-bottom: 4.5rem !important; */
}

.lp-objetivos__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.lp-objetivo {
  column-gap: 1rem;
}

.lp-objetivo__icon {
  display: block;
  width: 49px;
  height: 57px;
  margin-top: 0.15rem;
}

.lp-objetivo__text {
  color: var(--lp-blue-700);
  line-height: 1.35;
  max-width: 36.5rem;
}

.lp-objetivo__text strong {
  font-weight: 700;
}

@media (min-width: 992px) {
  .lp-objetivos .row {
    --bs-gutter-x: 2.5rem;
    row-gap: 3.5rem !important;
  }
}

@media (max-width: 767.98px) {
  .lp-objetivos__content {
    padding-top: 2.5rem !important;
    padding-bottom: 3rem !important;
  }

  .lp-objetivos__title {
    font-size: 32px;
  }

  .lp-objetivo__icon {
    width: 40px;
    height: 46px;
  }
}

/* ========== Landing Metodología (Aula Colestasis) ========== */
.lp-metodologia {
  font-family: var(--lp-font-body);
  color: var(--lp-blue-700);
}

.lp-metodologia__content {
  max-width: 1320px;
  /* padding-top: 4rem !important; */
  padding-bottom: 4.5rem !important;
}

.lp-metodologia__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.lp-metodologia__col {
  max-width: 664px;
}

.lp-metodologia__col--presencial {
  margin-left: auto;
  margin-right: 0;
}

.lp-metodologia__badge {
  min-height: 55px;
  border-radius: 11px !important;
}

.lp-metodologia__badge--online {
  background-color: var(--lp-blue-500);
}

.lp-metodologia__badge--presencial {
  background-color: var(--lp-blue-300);
}

.lp-metodologia__badge-title {
  font-family: var(--lp-font-display);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
}

.lp-metodologia__intro,
.lp-metodologia__text,
.lp-metodologia__item-text,
.lp-course-presentation__intro {
  color: var(--lp-blue-700);
  line-height: 1.35;
}

.lp-metodologia__intro strong,
.lp-metodologia__text strong,
.lp-metodologia__item-text strong,
.lp-creditos__text strong {
  font-weight: 700;
}

.lp-metodologia__list {
  row-gap: 1.875rem !important;
}

.lp-metodologia__icon {
  width: 60px;
  height: 60px;
  background-color: var(--lp-green-600);
  border-radius: 10px !important;
}

.lp-metodologia__icon-img {
  display: block;
  width: auto;
  height: auto;
}

.lp-metodologia__icon-img--video {
  width: 37px;
  height: 26px;
}

.lp-metodologia__icon-img--contenidos {
  width: 37px;
  height: 37px;
}

.lp-metodologia__icon-img--evaluaciones {
  width: 41px;
  height: 41px;
}

.lp-metodologia__icon-img--materiales {
  width: 36px;
  height: 41px;
}

.lp-metodologia__item-text {
  max-width: 26.5rem;
}

.lp-creditos {
  border-color: var(--lp-green-600) !important;
  border-width: 1px !important;
  border-radius: 11px !important;
}

.lp-creditos__title {
  font-family: var(--lp-font-display);
  font-weight: 400;
  font-size: 26px;
  line-height: normal;
  color: var(--lp-blue-500);
}

.lp-creditos__text {
  color: var(--lp-blue-700);
  line-height: 1.4;
}

@media (min-width: 1200px) {
  .lp-metodologia .row {
    --bs-gutter-x: 2rem;
  }
}

@media (max-width: 767.98px) {
  .lp-metodologia__content {
    padding-top: 2.5rem !important;
    padding-bottom: 3rem !important;
  }

  .lp-metodologia__title {
    font-size: 32px;
  }

  .lp-metodologia__badge-title {
    font-size: 22px;
  }

  .lp-metodologia__icon {
    width: 48px;
    height: 48px;
  }

  .lp-metodologia__icon-img--video {
    width: 30px;
    height: 21px;
  }

  .lp-metodologia__icon-img--contenidos {
    width: 30px;
    height: 30px;
  }

  .lp-metodologia__icon-img--evaluaciones {
    width: 33px;
    height: 33px;
  }

  .lp-metodologia__icon-img--materiales {
    width: 29px;
    height: 33px;
  }

  .lp-creditos__title {
    font-size: 22px;
  }
}

/* ========== Landing Contenidos (Aula Colestasis) ========== */
.lp-contenidos {
  font-family: var(--lp-font-body);
  color: var(--lp-blue-700);
  background-color: #fff;
  min-height: 64rem;
}

.lp-contenidos__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.2;
  pointer-events: none;
}

.lp-contenidos__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 16rem;
  /* max-height: 34rem; */
  object-fit: cover;
  object-position: right bottom;
  pointer-events: none;
}

.lp-contenidos__content {
  z-index: 2;
  max-width: 1320px;
  padding-top: 4rem !important;
  padding-bottom: 5.5rem !important;
}

.lp-contenidos__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.lp-contenidos__col {
  max-width: 572px;
}

.lp-contenidos__col--panel {
  max-width: 664px;
  margin-left: auto;
  margin-right: 0;
}

.lp-contenidos__bloques {
  row-gap: 1.55rem;
}

.lp-bloque {
  row-gap: 0.875rem;
}

.lp-bloque__label,
.lp-panel__label {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 26px;
  line-height: normal;
  color: var(--lp-blue-500);
}

.lp-bloque__title,
.lp-bloque__author,
.lp-panel__person {
  color: var(--lp-blue-700);
  line-height: 1.35;
}

.lp-bloque__title {
  font-weight: 600;
}

.lp-bloque__author {
  font-weight: 400;
}

.lp-panel {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 21px !important;
  min-height: 44rem;
}

.lp-panel__person strong {
  font-weight: 700;
}

@media (min-width: 1200px) {
  .lp-contenidos__wave {
    bottom: -30px;
  }
  .lp-contenidos .row {
    --bs-gutter-x: 3rem;
  }

  .lp-contenidos__col--panel {
    padding-top: 0;
  }
}

@media (max-width: 1199.98px) {
  .lp-contenidos {
    min-height: 0;
  }

  .lp-contenidos__col,
  .lp-contenidos__col--panel {
    max-width: none;
    margin-left: 0;
  }

  .lp-panel {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .lp-contenidos__content {
    padding-top: 2.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .lp-contenidos__title {
    font-size: 32px;
  }

  .lp-bloque__label,
  .lp-panel__label {
    font-size: 22px;
  }

  .lp-contenidos__wave {
    min-height: 10rem;
    max-height: 18rem;
  }
}

/* ========== Landing Preinscripción / Solicitar plaza (Aula Colestasis) ========== */
.lp-preinscripcion {
  font-family: var(--lp-font-body);
  color: var(--lp-blue-700);
}

.lp-preinscripcion__content {
  max-width: 1320px;
  padding-top: 4rem !important;
  padding-bottom: 4.5rem !important;
}

.lp-preinscripcion__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.lp-preinscripcion__col {
  max-width: 567px;
}

.lp-preinscripcion__col--pasos {
  max-width: 669px;
  margin-left: auto;
  margin-right: 0;
}

.lp-preinscripcion__requisito {
  background-color: var(--lp-green-600);
  border-radius: 11px !important;
  min-height: 7.875rem;
}

.lp-preinscripcion__requisito-text,
.lp-preinscripcion__orden,
.lp-preinscripcion__item {
  color: var(--lp-blue-700);
  line-height: 1.35;
}

.lp-preinscripcion__requisito-text strong,
.lp-preinscripcion__orden strong,
.lp-preinscripcion__item strong {
  font-weight: 700;
}

.lp-preinscripcion__orden strong {
  font-weight: 800;
}

.lp-preinscripcion__subtitle {
  font-family: var(--lp-font-body);
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  color: var(--lp-blue-500);
}

.lp-preinscripcion__list {
  padding-left: 1.75rem;
  color: var(--lp-blue-700);
}

.lp-preinscripcion__item {
  padding-left: 0.35rem;
}

.lp-preinscripcion__item::marker {
  color: var(--lp-blue-700);
  font-weight: 400;
}

@media (min-width: 1200px) {
  .lp-preinscripcion .row {
    --bs-gutter-x: 2rem;
  }
}

@media (max-width: 1199.98px) {
  .lp-preinscripcion__col,
  .lp-preinscripcion__col--pasos {
    max-width: none;
    margin-left: 0;
  }
}

@media (max-width: 767.98px) {
  .lp-preinscripcion__content {
    padding-top: 2.5rem !important;
    padding-bottom: 3rem !important;
  }

  .lp-preinscripcion__title {
    font-size: 32px;
  }

  .lp-preinscripcion__subtitle {
    font-size: 24px;
  }

  .lp-preinscripcion__requisito {
    min-height: 0;
  }
}

/* ========== Landing Contacto / Secretaría (Aula Colestasis) ========== */
.lp-contacto {
  font-family: var(--lp-font-body);
  color: var(--lp-blue-700);
  /* overflow: hidden; */
}

.lp-contacto__deco {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 14rem;
  object-fit: cover;
  object-position: left top;
  pointer-events: none;
  /* transform: rotate(180deg); */
}

.lp-contacto__content {
  z-index: 2;
  max-width: 1320px;
  padding-top: 7rem !important;
  padding-bottom: 3rem !important;
}

.lp-contacto__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.lp-contacto__logo-clover {
  display: block;
  width: auto;
  max-width: min(324px, 100%);
  height: auto;
  max-height: 68px;
}

.lp-contacto__info {
  color: var(--lp-text-muted);
  font-style: normal;
  line-height: 1.45;
  /* max-width: 726px; */
}

.lp-contacto__link {
  color: var(--lp-text-muted);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.lp-contacto__link:hover,
.lp-contacto__link:focus {
  color: var(--lp-blue-700);
}

.lp-contacto__divider {
  border: 0;
  border-top: 1px solid var(--lp-blue-200);
  opacity: 1;
  margin: 0;
}

.lp-contacto__partner-label {
  color: #676767;
  line-height: 16px;
}

.lp-contacto__partner-logo {
  display: block;
  width: auto;
  height: auto;
}

.lp-contacto__partner-logo--ipsen {
  max-width: 136px;
  max-height: 37px;
}

.lp-contacto__partner-logo--aeeh {
  max-width: 162px;
  max-height: 42px;
}

.lp-contacto__partner-logo--fgua {
  max-width: 328px;
  max-height: 49px;
}

.lp-contacto__legal-list {
  column-gap: 0.5rem;
  row-gap: 0.35rem;
}

.lp-contacto__legal-link {
  font-size: 14px;
  line-height: 20px;
  color: var(--lp-text-1);
  text-decoration: none;
  white-space: nowrap;
}

.lp-contacto__legal-link:hover,
.lp-contacto__legal-link:focus {
  color: var(--lp-blue-700);
  text-decoration: underline;
}

.lp-contacto__legal-sep {
  font-size: 14px;
  line-height: 20px;
  color: #235282;
  user-select: none;
}

.rui-footer-content a {
  font-size: 1rem;
  color: #235282;
}

@media (max-width: 1560px) {
  .lp-contacto__content {
    max-width: 975px;
  }
}

@media (min-width: 1200px) {
  .lp-contacto__main {
    --bs-gutter-x: 2rem;
  }

  .lp-contacto__info {
    margin-left: auto;
  }

  .lp-contacto__deco {
    min-height: 18rem;
  }
}

@media (max-width: 767.98px) {
  .lp-contacto__content {
    padding-top: 3rem !important;
    padding-bottom: 2.5rem !important;
  }

  .lp-contacto__title {
    font-size: 26px;
  }

  .lp-contacto__deco {
    min-height: 10rem;
    max-height: 16rem;
  }

  .lp-contacto__partner-logo--fgua {
    max-width: min(280px, 100%);
  }
}

/* ========== Estructura interna del curso (Aula Colestasis) ========== */
a:hover {
  color: var(--lp-green-600);
}

.lp-course-presentation__title {
  font-family: var(--lp-font-display);
  font-weight: 500;
  font-size: 40px;
  line-height: normal;
  color: var(--lp-blue-700);
  letter-spacing: 0.01em;
}

.rui-course-card .rui-course-card-wrapper::before {
  background-color: rgb(139 195 74 / 50%);
}

.rui-course-card .rui-course-card-wrapper::after {
  background-color: rgba(37, 64, 183, 0.7);
}

.rui-course-card .rui-course-card-wrapper:hover:after {
  background-color: rgb(58 103 53 / 70%);
}

.rui-main-content-title--h1 {
  background-color: var(--lp-green-600);
  padding: 0.25rem 2.5rem;
  border-radius: 0.5rem;
}

.wrapper-course {
  background-image: url(/_contenidos/theme/img/bg-hero.png);
  margin-top: 1.75rem;
}

.rui-icon-menu {
  background-color: var(--lp-green-600);
  padding: 0.25rem 1rem;
  border-radius: 2rem;
}

.dropdown-menu a.active, .dropdown-menu a:hover, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:hover {
  background-color: var(--lp-green-600);
  color: var(--bs-blue) !important;
}

.breadcrumb {
  margin-top: 12px;
}

.course-content ul.flexsections li.section {
  background-color: #d0e6ff;
}

#section-0 {
  background-color: #ffffff;
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

.course-content ul.flexsections .sectionname {
  color: var(--lp-blue-700);
}

#section-0 .rui-section {
  background-color: rgb(255 255 255 / 78%);
  background-image: url(https://aulacolestasis.com/pluginfile.php/1/theme_alpha/alphasettingsimgs/0/deco-wave.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-blend-mode: lighten;
  padding-bottom: 12rem !important;
}

.clover-tema h3 {
  color: #00056f;
}

.courseindex .courseindex-item.pageitem.courseindex-section-title,
.drawer-left .course-progressbar-wrapper {
  background-color: #9fd600;
}

.drawer-course-index {
  background-color: #4052c7;
}

body .main-content {
  background-color: #fefefe;
  padding: 2rem;
  border-radius: 20px;
}

#page-login-index .main-content, #page-login-signup .main-content, #page-login-forgot_password .main-content {
  background-color: transparent;
}

body .main-content a:hover {
  color: #9fd600;
}

body#page-course-view-flexsections.pagelayout-course .main-content {
  background-color: transparent;
}

.btn.btn-icon {
  background-color: #cfea7f;
}

.activity-header {
  color: #ffffff;
}

.feedback_form h2 {
  background-color: #9fd600;
  width: fit-content;
  padding: 0.5rem 2rem;
  border-radius: 12px;
  color: #001098;
}

@media (min-width: 1080px) {
  .secondary-navigation {
      top: 75px;
  }

  .drawer-toggler {
    top: 80px;
  }
}