#hero-banner {
  z-index: 100;
}
#hero-banner .bg-grilla {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, transparent 49px, rgba(255, 255, 255, 0.10) 50px), linear-gradient(to bottom, transparent 49px, rgba(255, 255, 255, 0.10) 50px);
  background-size: 50px 50px;
  background-position: 0 0, 0 0;
}
#hero-banner .view-name-field-hero-banner .field-name-video img,
#hero-banner .view-name-field-hero-banner .field-name-video video {
  height: calc(100vh - 68px);
  width: 100%;
  object-position: center;
  object-fit: cover;
  overflow: hidden;
}
#hero-banner .view-name-field-hero-banner .field-name-video video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 15px;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles > div {
  display: none;
  cursor: pointer;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles > div.field-name-control-wsp {
  display: block;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles .field-control-play-pause svg {
  width: 28px;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles .field-name-control-wsp {
  margin-left: 15px;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles .field-name-control-wsp a {
  margin-top: 15px;
  display: block;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .field-name-enlace a {
  --bs-link-color: #FFF;
  --bs-link-hover-color: #FFF;
  border: 2px solid #FFF;
  /* background-color: rgba(0 0 0 / 0.5); */
  background-color: rgb(208 26 73);
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  padding: 8px 18px;
  font-weight: 700;
  letter-spacing: .2px;
  text-align: center;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  padding: 15px 0 15px;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion {
  color: #FFF;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion p {
  text-transform: uppercase;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion h1 {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0;
  color: #FFF;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-bottom {
  background-color: #000;
}
#hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-bottom > .container {
  --bs-gutter-x: 0;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.view-name-field-burbujas .field-name-burbujas ul {
  justify-content: center;
  column-gap: 15px;
  flex-direction: row;
  width: 80%;
  margin: 0 auto;
}
/* .view-name-field-burbujas .field-name-burbujas ul li + li {
  border-top: 1px solid #FFF;
} */
.view-name-field-burbujas .field-name-burbujas ul li a {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 15px;
  color: #FFF;
  text-decoration: none;
  padding: 12px 20px;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  transition: transform 0.2s ease-out;
  cursor: pointer;
}

.view-name-field-facultades .view-content .views-row .node-cgt .node__content .field-name-icono {
  background-color: var(--bs-color-rojo);
  border-radius: 0;
  height: auto;
  padding: 0;
  justify-content: flex-start;
}
.view-name-field-facultades .view-content .views-row .node-cgt .node__content > a {
  background-color: var(--bs-color-rojo);
  padding: 12px 10px;
  height: 100%;
  display: block;
  text-align: left;
  justify-content: flex-start;
}
.view-name-field-facultades .view-content .views-row .node-cgt .node__content .field-name-titulo h2 {
  width: 75px;
}
/* .view-name-field-facultades .view-content .uk-slider-items {
  padding: 8px 0;
} */
.view-name-field-facultades .view-content.uk-slider-container {
  padding: 0 10px;
}
.view-name-field-facultades .view-content .views-row {
  width: auto;
}
.view-name-field-facultades .view-content .uk-navbar-slider {
  background-color: var(--bs-color-rojo);
  padding: 0 8px;
}
.view-name-field-facultades .view-content .views-row .node__content > a,
.view-name-field-facultades .view-content .views-row .node__content > button {
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin-top: 0;
  background: none no-repeat;
  position: relative;
}
.view-name-field-facultades .view-content .views-row .node__content .field-name-icono {
  --bs-box-icono: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bs-box-icono);
  height: var(--bs-box-icono);
  background-color: #FFF;
  border-radius: 100px;
  margin-bottom: 10px;
  padding: 12px;
  transition: transform 0.2s ease-out;
}
.view-name-field-facultades .view-content .views-row:hover .node__content .field-name-icono {
  transform: translateY(-4px);
}
.view-name-field-facultades .view-content .views-row .node__content .field-name-titulo h2 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  color: #FFF;
}
#hero-banner .view-name-field-hero-banner .field-name-buttons-video {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#formulario.formulario {
  background: linear-gradient(94deg, #000 0%, #021A32 93.75%, #02213E 100%);
  position: relative;
  z-index: 80;
}
#formulario.formulario .view-name-field-formulario {
  padding: 40px 0;
}
#formulario.formulario .view-name-field-formulario .view-header {
  margin-bottom: 60px;
}
#formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 {
  font-size: 23px;
  color: #FFF;
  margin-bottom: 0;
  position: relative;
}
#formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2::before {
  --bs-box-mini-size: 23px;
  content: "";
  background-color: var(--bs-color-verde);
  width: var(--bs-box-mini-size);
  height: var(--bs-box-mini-size);
  position: absolute;
  left: 0;
  bottom: -38px;
}
#formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 br {
  display: none;
}
#formulario.formulario .view-name-field-formulario .view-content > .row {
  justify-content: space-between;
  row-gap: 50px;
}
#formulario.formulario .view-name-field-formulario .view-content .col-left {
  order: 1;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .col-content {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  padding-top: 0;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .field_items_1 .row {
  align-items: flex-end;
  column-gap: 10px;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .field_items_1 .field_item_1 {
  padding-bottom: 20px;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .field_items_2 .row {
  justify-content: space-between;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .field_items_2 .field_item_2 {
  padding-top: 40px;
}
#formulario.formulario .view-name-field-formulario .view-content .col-right .field_items_2 .field_item_3 {
  padding-top: 10px;
}

.convenios .view-name-field-convenios > .row {
  align-items: center;
}
.convenios .view-name-field-convenios .col-left .col-content {
  margin-bottom: 20px;
}
.convenios .view-name-field-convenios .col-left .field-name-descripcion {
  font-size: 17px;
}
.convenios .view-name-field-convenios .col-left .field-name-descripcion p br {
  display: none;
}
.convenios .view-name-field-convenios .col-left .field-name-descripcion h2 {
  font-size: 23px;
  margin-bottom: 20px;
  position: relative;
}
.convenios .view-name-field-convenios .col-left .field-name-descripcion strong {
  font-weight: 700;
  color: var(--bs-color-rojo);
}
.convenios .view-name-field-convenios .field-name-slide-convenios .uk-position-relative {
  margin-bottom: 20px;
}
.convenios .view-name-field-convenios .field-name-slide-convenios .uk-slider-items .views-row {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.convenios .view-name-field-convenios .field-name-slide-convenios .uk-slider-items .views-row .field-name-imagen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  height: 90px;
  padding: 15px 10px;
}

.porque-estudiar {
  background-color: #FFF;
  border-top: .5px solid #CCC;
  border-bottom: .5px solid #CCC;
  z-index: 80;
}
.porque-estudiar .bg-grilla {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to right, transparent 49px, #CCC 50px), linear-gradient(to bottom, transparent 49px, #CCC 50px);
  background-size: 50px 50px;
  background-position: 0 0, 0 0;
}
.porque-estudiar .view-name-field-porque-estudiar {
  position: relative;
  z-index: 80;
}
.porque-estudiar .view-name-field-porque-estudiar .view-header {
  margin-bottom: 50px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content > .row {
  row-gap: 40px;
  justify-content: space-between;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .col-content {
  position: relative;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion {
  --bs-accordion-btn-bg: #FFF;
  --bs-accordion-btn-color: #525252;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-item {
  background-color: #FFF;
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-header {
  font-size: 16px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-button {
  border-radius: 0;
  background: #FFF;
  border: 0 none;
  padding: 20px 25px;
  position: static;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-button .field-name-title-accordion {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-button .field-name-titulo {
  width: 180px;
  display: block;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-button .icono-arrow-bottom {
  background-color: #D01A49;
  width: 33px;
  height: 33px;
  position: absolute;
  bottom: 10px;
  right: 15px;
  border-radius: 10px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-body {
  padding: 5px 25px 60px;
  color: #525252;
  font-size: 15px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-body ul {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .accordion .accordion-body ul li {
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M13.0859%206.86347L8.75%2011.2208L6.87891%209.37355C6.5127%209.00586%205.91953%209.00586%205.55313%209.37355C5.18672%209.74123%205.18691%2010.3368%205.55313%2010.7047L8.05313%2013.2147C8.26953%2013.4014%208.50781%2013.4916%208.75%2013.4916C8.99219%2013.4916%209.22969%2013.3997%209.41289%2013.2159L14.4129%208.19573C14.7791%207.82805%2014.7791%207.23249%2014.4129%206.86461C14.0467%206.49673%2013.4531%206.49873%2013.0859%206.86347ZM10%200C4.47656%200%200%204.4946%200%2010.0403C0%2015.586%204.47656%2020.0806%2010%2020.0806C15.5234%2020.0806%2020%2015.586%2020%2010.0403C20%204.4946%2015.5234%200%2010%200ZM10%2018.198C5.51953%2018.198%201.875%2014.5384%201.875%2010.0403C1.875%205.54216%205.51953%201.88255%2010%201.88255C14.4805%201.88255%2018.125%205.54216%2018.125%2010.0403C18.125%2014.5384%2014.4805%2018.198%2010%2018.198Z'%20fill='%23525252'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 1px;
  padding-left: 30px;
  color: #525252;
}
/* .porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-titulo {
  width: 100%;
  margin-bottom: 25px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-titulo h4 {
  color: #FFF;
  font-size: 17px;
  margin-bottom: 0;
  position: relative;
  padding-left: 25px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-titulo h4 span {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-descripcion {
  color: #FFF;
  padding-left: 18px;
}
.porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-descripcion ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
} */

.testimonios {
  background: linear-gradient(225deg, #CEE6FD 0%, #F9D2DC 100%);
  padding: 20px 0 30px 0;
}
.testimonios .view-name-field-testimonios .view-header {
  margin-bottom: 50px;
}
.testimonios .view-name-field-testimonios .view-header > .row {
  align-items: center;
  row-gap: 30px;
}
.testimonios .view-name-field-testimonios .view-header > .row .col-left {
  order: 1;
}
.testimonios .view-name-field-testimonios .view-header .field-name-descripcion {
  color: #02213E;
  font-size: 17px;
}
.testimonios .view-name-field-testimonios .view-header .field-name-descripcion h2 {
  margin-bottom: 25px;
}
.testimonios .view-name-field-testimonios .view-header .field-name-descripcion p br {
  display: none;
}
.testimonios .view-name-field-testimonios .view-header .col-right .col-content > .row  {
  justify-content: flex-end;
}
.testimonios .view-name-field-testimonios .view-header .col-right .field_item_1 .field-name-imagen {
  background-image: url(/sites/default/files/vectores/fireworks.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 115px 25px 0 0;
}
.testimonios .view-name-field-testimonios .view-header .col-right .field_item_2 {
  background-image: url(/sites/default/files/vectores/fireworks.png);
  background-position: 0 90%;
  background-repeat: no-repeat;
  padding: 0 15px 115px 25px;
}
.testimonios .view-name-field-testimonios .view-header .col-right .field_item_3 {
  padding-top: 25px;
}
.testimonios .view-name-field-testimonios .view-header .col-right .field_item_3 .field-name-imagen {
  margin: 15px 0 0 0;
}
.testimonios .view-name-field-testimonios .view-header .col-right .field_item_3 .us-box-mini {
  right: -25px;
  bottom: -25px;
  display: none;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-left .col-content .field-name-button-testimonio {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .col-content {
  padding: 15px 0;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion {
  box-shadow: rgba(14, 30, 37, 0.32) 0px 0px 10px 0px;
  border: 1px solid #FFF;
  border-radius: 20px;
  color: #02213E;
  font-size: 15px;
  padding: 20px 20px 30px;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion h3 {
  font-size: 20px;
  margin-bottom: 5px;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion .field-name-cargo {
  margin-bottom: 18px;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .uk-position-relative .uk-slider-container {
  padding: 0 15px;
  margin: 0 -15px;
}
.testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .uk-slider-items .views-row > .row {
  align-items: center;
  row-gap: 15px;
}
#modalTestimonio .btn-close {
  background-color: #FFF;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  right: -10px;
  opacity: 1;
  padding: 8px;
  z-index: 10;
}
.wrapper-bottom-dot {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.noticias .view-name-field-noticias .view-header {
  margin-bottom: 40px;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .node--type-noticias .node__content .field--name-body {
  font-weight: 600;
  line-height: 1.3;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .view-content {
  margin-bottom: 40px;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .view-content > .row {
  row-gap: 2rem;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .view-footer {
  text-align: center;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .view-footer a {
  display: inline-block;
  padding: 13px 24px;
  color: #000;
  border: 2px solid #000;
  font-weight: 600;
  text-decoration: none;
  font-size: 16px;
}
.noticias .view-name-field-noticias .view-content .field-name-bloque .view-footer a:hover {
  background-color: #000;
  color: #FFF;
}
.beneficios {
  background-color: #F0F0F0;
}
.beneficios .view-name-field-beneficios .view-header {
  margin-bottom: 70px;
}
.beneficios .view-name-field-beneficios .view-content > .row {
  row-gap: 30px;
}
.beneficios .view-name-field-beneficios .view-content .col-left {
  order: 1;
}
.beneficios .view-name-field-beneficios .view-content .accordion-button span:nth-of-type(1) {
  width: 83%;
}
.beneficios .view-name-field-beneficios .view-content .field-name-accordion .accordion-body {
  padding: 1.5rem 10px;
}
.beneficios .view-name-field-beneficios .view-content .field-name-accordion .field-name-body-item-accordion ul li::marker {
  font-size: 18px;
  line-height: 1;
  color: var(--bs-color-rojo);
}
.beneficios .view-name-field-beneficios .view-content .field-name-accordion .field-name-body-item-accordion ol li a {
  --bs-link-color: var(--bs-color-rojo);
  --bs-link-hover-color: var(--bs-color-rojo);
  text-decoration: none;
  border-bottom: 1px solid var(--bs-color-rojo);
}
.beneficios .view-name-field-beneficios .view-content .field-name-accordion .field-name-body-item-accordion p a {
  color: var(--bs-color-rojo);
  text-decoration: none;
  border-bottom: 1px solid var(--bs-color-rojo);
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .row {
  justify-content: center;
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_1 .field-name-imagen picture {
  background-image: url(/sites/default/files/vectores/star-3.png), url(/sites/default/files/vectores/star-4.png);
  background-position: left 100%, right 0;
  background-repeat: no-repeat;
  padding: 25px;
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_1 .icono {
  position: absolute;
  bottom: -30px;
  right: 50px;
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_2 {
  margin-top: -30px;
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_2 .icono {
  margin-bottom: 60px;
}
.beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_2 .field-name-imagen::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='55'%20height='60'%20viewBox='0%200%2055%2060'%20fill='none'%3E%3Cpath%20d='M53.639%2033.6607C35.1941%2018.8824%20-11.4176%20-21.2419%2029.1815%2020.2994C69.7807%2061.8407%2042.3275%2042.1632%2023.6787%2026.98C10.1253%2016.2505%20-13.9244%202.38314%2016.6473%2035.7862C52.8786%2075.373%2021.233%2051.5767%2012.9787%2043.6815C6.37518%2037.3652%202.07477%2035.7862%200.75%2035.7862'%20stroke='%2300B491'%20stroke-width='3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
  top: -40px;
  right: -15px;
  right: 0;
  width: 55px;
  height: 60px;
}

.horarios {
  background-color: #FFF;
}
.horarios .view-name-field-horarios .view-header {
  margin-bottom: 30px;
}
.horarios .view-name-field-horarios .accordion {
  --bs-accordion-btn-padding-y: 15px;
  --bs-accordion-btn-padding-x: 0;
}
.horarios .view-name-field-horarios .accordion .accordion-button {
  border-width: 0 0 1.5px;
  border-color: rgba(0, 0, 0, 0.60);
}
.horarios .view-name-field-horarios .accordion .accordion-body {
  padding: 30px 10px 0;
}
.horarios .view-name-field-horarios .accordion .accordion-collapse .inner-accordion-body {
  display: flex;
  align-items: flex-start;
}
.horarios .view-name-field-horarios .accordion .accordion-collapse .inner-accordion-body .field-name-icono-item-accordion {
  flex: 0 0 auto;
  margin-right: 20px;
}
.horarios .view-name-field-horarios .accordion .accordion-collapse .inner-accordion-body + .inner-accordion-body {
  margin-top: 28px;
}
.horarios .view-name-field-horarios .accordion .accordion-collapse .inner-accordion-body .field-name-body-item-accordion p:nth-of-type(1) {
  margin-bottom: 8px;
}
.chat-utp {
  background: linear-gradient(360deg, #000 0%, #021B33 100%);
}
.chat-utp .bg-grilla {
  background-image: linear-gradient(to right, transparent 49px, rgba(255, 255, 255, 0.10) 50px), linear-gradient(to bottom, transparent 49px, rgba(255, 255, 255, 0.10) 50px);
  background-size: 50px 50px;
  background-position: 0 0, 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion {
  color: #FFF;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion h5 {
  font-size: 28px;
  position: relative;
  margin-bottom: 35px;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion p br {
  display: none;
}
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-direction: column;
  row-gap: 20px;
}
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options h4 {
  color: #FFF;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  width: 100px;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion ul,
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options ul {
  color: #FFF;
  align-items: center;
  column-gap: 15px;
  row-gap: 15px;
  margin-top: 40px;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion ul li a,
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options ul li a {
  border: 1px solid #FFF;
  display: block;
  padding: 15px 30px;
  font-weight: 600;
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
}
.chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion ul li a:hover,
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options ul li a:hover {
  background-color: #FFF;
  color: #000;
}
.chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .form-group .form-control {
  border-radius: 0;
}

.campus {
  background-color: #FFF;
}
.campus .titular-barra .field-name-descripcion h2 {
  font-size: 23px;
}
.campus .titular-barra .field-name-descripcion h2 br {
  display: none;
}
.campus .view-name-field-campus .view-header {
  margin-bottom: 30px;
}
.campus .view-name-field-campus .view-content .node--type-campus {
  min-height: 100%;
  overflow: hidden;
  background-color: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}
.campus .view-name-field-campus .view-content .field-name-slide-campus .view-content.uk-slider-container {
  padding: 15px 15px 40px;
  margin: 0 -15px;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .field-name-imagen {
  border-radius: 15px;
  overflow: hidden;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .field-name-imagen .field-name-titulo {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  background-color: #FFF;
  font-size: 18px;
  border-radius: 15px 0;
  text-align: center;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .field-name-imagen .field-name-titulo h4 {
  color: #000;
  text-decoration: none;
  display: flex;
  padding: 8px 25px;
  align-items: center;
  font-size: 18px;
  margin: 0;
  min-height: 45px;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .node__footer {
  padding: 25px 18px;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .node__footer .field-name-direccion {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 500;
}
.campus .view-name-field-campus .view-content .node--type-campus .node__content .node__footer .field-name-google-maps a {
  color: var(--bs-color-rojo);
  display: inline-block;
  border-bottom: 1px solid var(--bs-color-rojo);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

/* PROPIEDADES */
section.section {
  padding: 64px 0;
}
#hero-banner .view-name-field-hero-banner .view-content .wrapper-content-banner > .container,
#formulario.formulario .view-name-field-formulario > .container,
.convenios > .container,
.porque-estudiar > .container,
.testimonios > .container,
.noticias > .container,
.beneficios > .container,
.horarios > .container,
.chat-utp > .container,
.campus > .container {
  --bs-gutter-x: 2.5rem;
  z-index: 1;
}
.titular-barra .field-name-descripcion h2,
.titular-barra .field-name-descripcion h5 {
  position: relative;
  font-size: 22px;
  margin-bottom: 0;
}
.convenios .view-name-field-convenios .col-left .field-name-descripcion h2::before,
.titular-barra .field-name-descripcion h2::before,
.titular-barra .field-name-descripcion h5::before {
  content: "";
  background-color: var(--bs-color-rojo);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  height: 28px;
  width: 10px;
}
.titular-barra.barra-verde .field-name-descripcion h2::before,
.titular-barra.barra-verde .field-name-descripcion h5::before {
  background-color: var(--bs-color-verde);
}
/* FIN PROPIEDADES */

/* MODAL LLAMADAS */
#modalLlamada .modal-dialog.modal-dialog-centered {
  display: flex;
  justify-content: center;
}

#modalLlamada .modal-dialog.modal-dialog-centered .modal-content {
  width: 70%;
  background: #D01A49;
  border-radius: 8px;
  border: 2px solid #fff;
}

#modalLlamada .modal-body {
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
}

#modalLlamada .modal-body > div.item {
  width: 49%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  justify-content: start;
  height: 100%;
  padding: 6px;
}

#modalLlamada .modal-body > div.item > label {
  font-size: 10px;
  font-weight: 400;
}

#modalLlamada .modal-body > div.item > a {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
  display: flex;
  flex-grow: 1;
  align-items: center;
  color: #fff;
}

#modalLlamada .modal-body > div.separador {
  width: 1px;
  height: 75%;
  background: #fff;
}

/* MODAL LLAMADAS */

@media only screen and (min-width: 476px) {
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion h1 {
    font-size: 1.4rem;
  }
  #formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 br {
    display: block;
  }
  .testimonios .view-name-field-testimonios .view-header .field-name-descripcion p br {
    display: block;
  }
  .campus .titular-barra .field-name-descripcion h2 {
    font-size: 28px;
  }
  .campus .titular-barra .field-name-descripcion h2 br {
    display: block;
  }
}
@media only screen and (min-width: 576px) {
  .convenios .view-name-field-convenios .col-left .field-name-descripcion h2::before,
  .titular-barra .field-name-descripcion h2::before,
  .titular-barra .field-name-descripcion h5::before {
    left: -35px;
  }
  #hero-banner .view-name-field-hero-banner .view-content .wrapper-content-banner {
    padding-bottom: 40px;
  }
  #hero-banner .view-name-field-hero-banner .view-content .wrapper-content-banner > .container,
  #formulario.formulario .view-name-field-formulario > .container,
  .convenios > .container,
  .porque-estudiar > .container,
  .testimonios > .container,
  .noticias > .container,
  .beneficios > .container,
  .horarios > .container,
  .chat-utp > .container,
  .campus > .container {
    --bs-gutter-x: 1.5rem;
    z-index: 1;
  }
  #hero-banner .view-name-field-hero-banner .view-content .wrapper-content-banner .field-name-descripcion h1 {
    font-size: 25px;
  }
  #formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 {
    font-size: 25px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion h2 {
    font-size: 25px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion {
    font-size: 18px;
  }
  .chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .convenios .view-name-field-convenios .col-left .field-name-descripcion h2::before,
  .titular-barra .field-name-descripcion h2::before,
  .titular-barra .field-name-descripcion h5::before {
    height: 44px;
  }
  .titular-barra .field-name-descripcion h2,
  .titular-barra .field-name-descripcion h5 {
    font-size: 35px;
  }
  #hero-banner .view-name-field-hero-banner .field-name-buttons-video {
    padding-bottom: 10%;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion h1 {
    font-size: 1.5rem;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-bottom {
    display: none;
    order: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent none;
  }
  .view-name-field-facultades .view-content.uk-slider-container {
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .view-name-field-facultades .view-content.uk-slider-container .uk-slider-items {
    background-color: #000;
    transform: none !important;
    justify-content: space-between;
    max-width: 78%;
    margin: 0 auto;
    padding: 20px 15px;
  }
  .view-name-field-facultades .view-content.uk-slider-container .uk-navbar-slider {
    display: none;
  }
  #formulario.formulario .view-name-field-formulario {
    padding: 60px 0;
  }
  #formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 {
    font-size: 30px;
  }
  #formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2::before {
    display: none;    
  }
  #formulario.formulario .view-name-field-formulario .view-content .col-left {
    order: initial;
  }
  #formulario.formulario .view-name-field-formulario .view-content .col-right .col-content {
    padding-top: 40px;
  }
  section.section {
    padding: 70px 0;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion {
    font-size: 20px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion h2 {
    font-size: 30px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion p br {
    display: block;
  }
  .testimonios {
    padding: 15px 0 50px 0;
  }
  .testimonios .view-name-field-testimonios .view-header .field-name-descripcion {
    font-size: 18px;
  }
  .testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion {
    padding: 25px;
  }
  .wrapper-bottom-dot {
    top: 0;
    bottom: -30px;
    margin-top: auto;
    margin-bottom: auto;
    justify-content: flex-end;
  }
  .noticias .view-name-field-noticias .view-header {
    margin-bottom: 60px;
  }
  .noticias .view-name-field-noticias .view-content .field-name-bloque .node--type-noticias {
    min-height: 100%;
    border-bottom: 3px solid #000;
    padding-bottom: 30px;
  }
  .noticias .view-name-field-noticias .view-content .field-name-bloque .view-content {
    margin-bottom: 60px;
  }
  .noticias .view-name-field-noticias .view-content .field-name-bloque .node--type-noticias .node__content .field-name-imagen {
    margin-bottom: 25px;
  }
  .noticias .view-name-field-noticias .view-content .field-name-bloque .node--type-noticias .node__content .field--name-body {
    font-size: 17px;
  }
  .beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_2 .icono {
    margin-bottom: 70px;
  }
  .chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion h5 {
    font-size: 35px;
  }
  .chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion {
    font-size: 20px;
  }
  .chat-utp .view-name-field-chat-utp .view-header .field-name-descripcion p br {
    display: block;
  }
  .campus .view-name-field-campus .view-header {
    margin-bottom: 60px;
  }
  .campus .titular-barra .field-name-descripcion h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .porque-estudiar .view-name-field-porque-estudiar .view-content .col-left {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .view-name-field-facultades .view-content .views-row:nth-of-type(1) {
    display: none;
  }
  #hero-banner .view-name-field-hero-banner .field-name-video img {
    height: auto;
  }
  #hero-banner .view-name-field-hero-banner .field-name-buttons-video {
    display: none;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    row-gap: 20px;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top {
    order: 2;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 30px;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles > div {
    display: block;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle {
    background: transparent;
    padding: 0;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion p:first-child {
    display: none;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion h1 {
    font-size: 2.3rem;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .field-name-enlace a {
    font-size: 18px;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-bottom {
    display: block;
    bottom: -90px;
  }
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-top .container .field-name-controles .field-name-control-wsp a {
    margin-top: 0;
  }
  .view-name-field-facultades .view-content.uk-slider-container .uk-slider-items {
    max-width: 100%;
  }
  .view-name-field-facultades .view-content .views-row .node__content .field-name-titulo h2 {
    font-size: 15px;
  }
  #formulario.formulario .view-name-field-formulario {
    padding: 140px 0 80px;
  }
  #formulario.formulario .view-name-field-formulario .view-header {
    margin-bottom: 70px;
  }
  #formulario.formulario .view-name-field-formulario .view-header .field-name-descripcion h2 {
    font-size: 35px;
  }
  #formulario.formulario .view-name-field-formulario .view-content .col-left .col-content {
    margin-left: 50px;
  }
  section.section {
    padding: 80px 0;
  }
  .convenios .view-name-field-convenios .col-left .col-content {
    margin-bottom: 0;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion {
    font-size: 19px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion h2 {
    font-size: 33px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion p br {
    display: none;
  }
  section.porque-estudiar.section {
    padding-top: 120px;    
  }
  .porque-estudiar .view-name-field-porque-estudiar .view-header {
    margin-bottom: 70px;
  }
  .porque-estudiar .view-name-field-porque-estudiar .view-content > .row {
    row-gap: 60px;
  }
  .testimonios .view-name-field-testimonios .view-header > .row .col-left {
    order: initial;
  }
  .testimonios .view-name-field-testimonios .view-header .col-right .col-content [class*="col-"] {
    width: auto;
  }
  .testimonios .view-name-field-testimonios .view-header .field-name-descripcion p br {
    display: none;
  }
  .testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .col-content {
    width: 90%;
    margin-left: auto;
  }
  .testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion {
    font-size: 16px;
  }
  #modalTestimonio {
    --bs-modal-bg: #000;
    --bs-modal-width: 550px;
  }
  section.noticias.section {
    padding-bottom: 65px;    
  }
  .beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .row {
    justify-content: flex-end;
  }
  .beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .field_item_2 .icono {
    margin-bottom: 100px;
  }
  .beneficios .view-name-field-beneficios .view-content .col-left {
    order: initial;
  }
  .horarios .view-name-field-horarios .view-header {
    margin-bottom: 50px;
  }
  .horarios .view-name-field-horarios .accordion .accordion-button {
    border-width: 0 0 2px;
    border-color: rgba(0, 0, 0, 1);
  }
  .horarios .view-name-field-horarios .accordion .accordion-button .icono-arrow-bottom {
    display: none;
  }
  .horarios .view-name-field-horarios .accordion .accordion-collapse {
    display: block;
    height: auto !important;
  }
  .campus .titular-barra .field-name-descripcion h2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #hero-banner .view-name-field-hero-banner .wrapper-content-banner .wrapper-content-middle .field-name-descripcion h1 {
    font-size: 2.75rem;
  }
  .view-name-field-facultades .view-content.uk-slider-container .uk-slider-items {
    max-width: 100%;
  }
  .view-name-field-facultades .view-content .views-row .node__content .field-name-icono {
    --bs-box-icono: 65px;
  }
  .view-name-field-facultades .view-content .views-row .node__content .field-name-titulo h2 {
    font-size: 1rem;
  }
  #formulario.formulario .view-name-field-formulario .view-content .col-left .col-content {
    margin-left: 70px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion {
    font-size: 20px;
  }
  .convenios .view-name-field-convenios .col-left .field-name-descripcion p br {
    display: block;
  }
  .porque-estudiar .view-name-field-porque-estudiar .view-header {
    margin-bottom: 90px;
  }
  .porque-estudiar .view-name-field-porque-estudiar .view-content .col-content .field-name-titulo {
    width: 78%;
  }
  .testimonios .view-name-field-testimonios .view-header .field-name-descripcion p br {
    display: block;
  }
  .testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .col-content {
    width: 85%;
  }
  .testimonios .view-name-field-testimonios .view-content .field-name-slide-testimonios .col-right .field-name-descripcion {
    padding: 50px 45px;
  }
  .beneficios .view-name-field-beneficios .view-content .col-right .field-name-imagenes .row [class*="col-"] {
    width: auto;
  }
  .chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .field-name-form-options {
    flex-direction: row;
  }
  .chat-utp .view-name-field-chat-utp .view-content .field-name-form-chat .form-group {
    margin: 0 0 0 120px;
  }
}
@media only screen and (min-width: 1400px) {}
@media only screen and (min-width: 1600px) {}