@charset "UTF-8";
@media screen {
  /* RESET PAGE */
  html, body,
  div, span,
  h1, h2, h3, h4, h5, h6, p,
  a, em, font, img, strong,
  dl, dt, dd, ol, ul, li,
  form, label, fieldset, legend, input, select, textarea, button,
  table, caption, tbody, tfoot, thead, tr, th, td,
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: none;
    box-sizing: border-box;
  }
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    display: block;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
  }
  ul {
    list-style: none;
  }
  a {
    text-decoration: none !important;
  }
  a, figure, img {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  table, tr, th, td {
    border-collapse: collapse;
    vertical-align: top;
  }
  html, body {
    height: 100%;
  }
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem; /*1rem = 16px*/
  }
}
/*ABSTRACT*/
/*colores*/
/*fonts*/
/*sizes ratio 1:25*/
/*FONTS*/
@font-face {
  font-family: "Boing-Light";
  src: url("../fonts/Boing-Light.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Boing-Regular";
  src: url("../fonts/Boing-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Boing-Medium";
  src: url("../fonts/Boing-Medium.otf") format("opentype");
  font-display: swap;
}
em.primary {
  font-style: italic;
}

strong.primary-medium {
  font-family: "Boing-Medium", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

/*ANIMACIONES*/
@keyframes fav {
  0% {
    background-color: #1BD741;
  }
  50% {
    background-color: #17e941;
  }
  100% {
    background-color: #1BD741;
  }
}
@keyframes wavessound1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes wavessound2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes wavessound3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*EFECTOS*/
.autoshow {
  opacity: 0;
  transform: translateY(2em);
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out;
}

.autoshow.active {
  opacity: 1;
  transform: translateY(0);
}

/*BOTONES*/
a.primary,
input[type=submit].primary {
  display: inline-block;
  padding: 1em 1em 0.75em 1em;
  font: normal 1em "Boing-Medium", Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: 0.06em solid #E30613;
  background-color: #E30613;
  text-align: center;
  border-radius: 0.5em;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.primary.outline,
input[type=submit].primary.outline {
  color: #E30613;
  background-color: transparent;
  border-color: #E30613;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.secondary,
input[type=submit].secondary {
  display: inline-block;
  padding: 1em 1em 0.75em 1em;
  font: normal 1em "Boing-Medium", Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: 0.06em solid #009FE3;
  background-color: #009FE3;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.secondary.outline,
input[type=submit].secondary.outline {
  color: #009FE3;
  background-color: transparent;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a.small,
input[type=submit].small {
  font-size: 0.9em;
}

a.big,
input[type=submit].big {
  font-size: 1.25em;
}

/*WAPP*/
a.BtnWapp {
  display: inline-block;
  padding: 1em 1em 0.75em 3em;
  font: normal 1em "Boing-Medium", Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: 0.06em solid #1BD741;
  background: #1BD741 url("../imagenes/ic-whatsapp.svg") no-repeat 1em 50%;
  background-size: 1.5em auto;
  text-align: left;
  border-radius: 0.5em;
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.NavFlotante {
  position: fixed;
  z-index: 8000;
  bottom: 4em;
  right: 3em;
}

a.BtnFlotanteWapp {
  position: relative;
  width: 4em;
  height: 4em;
  display: block;
  border-radius: 50%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background: #1BD741 url("../imagenes/ic-whatsapp.svg") no-repeat 50% 50%;
  background-size: 2em auto;
  transition: transform 0.3s ease;
}

a.BtnFlotanteWapp span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

a.BtnFlotanteWapp span:first-child {
  transform: scale(1.2);
  border: 3px solid #1BD741;
  animation: wavessound1 1s ease-out infinite;
}

a.BtnFlotanteWapp span:nth-child(2) {
  transform: scale(1.5);
  border: 2px solid #1BD741;
  animation: wavessound2 1s ease-out infinite;
}

a.BtnFlotanteWapp span:nth-child(3) {
  transform: scale(1.8);
  border: 1px solid #1BD741;
  animation: wavessound3 1s ease-out infinite;
}

#Fav {
  transform: translateX(10em);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#Fav.visible {
  transform: translateX(0);
}

#Fav a.BtnFlotanteWapp {
  animation: fav 1s ease-in-out infinite;
}

a#CtaWappHero {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

/*OPEN / CLOSE DETALLE SALA*/
a.BtnOpen {
  position: relative;
  width: 3em;
  height: 3em;
  display: block;
  background: url("../imagenes/internas/ic-open.svg") no-repeat 50% 50%;
  background-size: 2em auto;
  transition: transform 0.3s linear;
}

a.BtnOpen::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../imagenes/internas/ic-open-rojo.svg") no-repeat 50% 50%;
  background-size: 2em auto;
  opacity: 0;
}

/*SOCIAL*/
.NavSocial a {
  width: 2.5em;
  height: 2.5em;
  display: inline-block;
}

a[title*=Instagram] {
  background: url("../imagenes/ic-instagram-banco.svg") no-repeat 50% 50%;
  background-size: 2em auto;
}

a[title*=Facebook] {
  background: url("../imagenes/ic-facebook-blanco.svg") no-repeat 50% 50%;
  background-size: 2em auto;
}

a.BtnCopyClipEmail {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background: url(../imagenes/internas/ic-copy-clipboard.svg) no-repeat 50% 50%;
}

/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  a.primary:hover,
  input[type=submit].primary:hover {
    color: #ffffff;
    border-color: #009FE3;
    background-color: #009FE3;
  }
  a.primary-outline:hover,
  input[type=submit].primary-outline:hover {
    color: #009FE3;
    background-color: #000000;
  }
  a.secondary:hover,
  input[type=submit].secondary:hover {
    color: #009FE3;
    background-color: #000000;
  }
  a.secondary-outline:hover,
  input[type=submit].secondary-outline:hover {
    color: #009FE3;
    background-color: #000000;
  }
}
@media (max-width: 600px) {
  .NavFlotante {
    bottom: 2em;
    right: 2em;
  }
}
/*FORMULARIOS*/
p.TituloForm {
  display: block;
  margin-bottom: 1.5em;
  font-size: 1.9em;
}

form.primary[data-estado=activo] {
  margin: 0;
}

label {
  display: block;
  margin-bottom: 0.25em;
  font-family: "Boing-Light", Arial, Helvetica, sans-serif;
  font-size: 1.15em;
  color: #000000;
  display: block;
}

label strong {
  color: #009FE3;
}

label a {
  font-size: 0.9em;
  color: #707070;
  text-decoration: underline !important;
}

input.primary:not([type=submit]),
select.primary,
textarea.primary {
  font: normal 1em "Boing-Regular", Arial, Helvetica, sans-serif;
  border: 0.06em solid #b8b8b8;
  padding: 0.5em 1em;
  width: 100%;
  margin-bottom: 1em;
  background-color: #ffffff;
}

.radio-group {
  display: flex;
  flex-wrap: wrap;
}

.radio-group > p {
  flex: 1 1 100%;
  font-size: 1em;
}

.radio-group > span {
  flex: 1;
}

.radio {
  display: inline-flex;
  text-align: left;
}

.radio label {
  flex: 1;
  font-size: 1em;
  color: #000000;
}

.radio input[type=radio] {
  flex: 0 0 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.8em;
  border: 0.06em solid #949494;
  border-radius: 50%;
}

.radio input[type=radio]:checked {
  background: url(../imagenes/tilde.gif) no-repeat 50% 50%;
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.checkbox-group > p {
  flex: 1 1 100%;
  font-size: 1em;
}

.checkbox-group > span {
  flex: 1;
}

.check {
  display: inline-flex;
  text-align: left;
}

.check label {
  flex: 1;
  margin-bottom: 0;
  font-size: 1em;
  color: #000000;
}

.check input[type=checkbox] {
  flex: 0 0 1.2em;
  width: 1.2em;
  height: 1.2em;
  border: 0.06em solid #949494;
  margin-right: 0.8em;
}

.check input[type=checkbox]:checked {
  background: url(../imagenes/tilde.gif) no-repeat 50% 50%;
}

.ComboFields {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  padding: 1em 0;
}

.ComboFields > p {
  flex: 1 1 100%;
}

.ComboFields > div {
  flex: 1;
}

.ComboFields label {
  font-size: 1em;
}

textarea.primary {
  height: 11.25em;
}

/*placeholders*/
input.primary::-moz-placeholder, textarea.primary::-moz-placeholder {
  color: #b8b8b8;
  opacity: 1;
}
input.primary::placeholder,
textarea.primary::placeholder {
  color: #b8b8b8;
  opacity: 1;
}

/*disabled*/
input.primary[disabled],
select.primary[disabled],
textarea.primary[disabled] {
  opacity: 1;
  background: none;
  background-color: #f2f2f2;
}

/*focus*/
input.primary:not([disabled]):focus,
textarea.primary:not([disabled]):focus,
select.primary:not([disabled]):focus {
  background-color: #f2f2f2;
  color: #000000;
  outline: 1px solid #E30613;
}

/*...*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select.primary {
    padding-right: 2.18em;
    background: #ffffff url(../imagenes/flecha-select.gif) no-repeat 100% 50%;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  input.primary:not([disabled]):hover,
  textarea.primary:not([disabled]):hover,
  select.primary:not([disabled]):hover {
    border-color: #E30613;
  }
}
@media (max-width: 720px) {
  .ComboFields {
    display: block;
    margin: 1em 0;
  }
  .ComboFields p {
    margin-bottom: 1em;
  }
  .ComboFields > div {
    padding-top: 0.5em;
  }
}
/*MISCELANEAS*/
/*Tags*/
.GroupAmenities {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.GroupAmenities > div {
  flex: 0 0 auto;
  margin: 0 0.5em 1em 0;
  min-height: 2.5em;
}

.tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5em 1em 0.5em 0.5em;
  border: 0.06em solid #A9A9A9;
  border-radius: 0.5em;
}

.tag figure {
  flex: 0 0 auto;
  margin-right: 0.5em;
}

.tag img {
  transform: scale(0.8);
}

.tag h4,
.tag h5 {
  flex: 0 0 auto;
  font-family: "Boing-Light", Arial, Helvetica, sans-serif;
  font-size: 1.15em;
  line-height: 1em;
  color: #5F5F5F;
}

.tag.small {
  padding: 0.25em 0.5em 0.25em 0.5em;
  margin: 0.5em 0.5em 0 0;
}

.tag.small h5 {
  font-size: 0.9em;
}

/*Scroll*/
::-webkit-scrollbar {
  width: 0.5em;
}

::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 0.5em;
}

::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 0.5em;
}

.smooth {
  overflow-y: scroll;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/*LAYOUT GLOVAL*/
@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "Boing-Regular", Arial, Helvetica, sans-serif;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .Viewport {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid red;*/
    max-width: 100em; /*1600px*/
  }
  .ViewportCorto {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 56em; /*900px*/
  }
  /*img responsive*/
  img {
    max-width: 100%;
    display: block;
  }
}
/*HOVER EFFECTS*/
@media (max-width: 1920px) {
  .Viewport {
    max-width: 85em;
  } /*1360px*/
}
@media (max-width: 1470px) {
  .Viewport {
    max-width: 75em !important;
  } /*1200px*/
}
@media (max-width: 1300px) {
  .Viewport {
    padding: 0 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .Viewport {
    padding: 0 1.5em;
  }
}
/*HEADER*/
@media screen {
  header.primary {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    padding: 3em 3em 0 3em;
    text-align: left;
  }
  #ContentHeader {
    display: flex;
    align-items: center;
  }
  a#BtnMenuMobile {
    display: none;
  }
  #Logo {
    flex: 0 0 20em;
    display: flex;
  }
  #Logo a {
    display: block;
  }
  #Logo h1 {
    display: flex;
    align-items: center;
  }
  #Logo img {
    max-width: 100%;
    display: block;
  }
  #Menus {
    flex: 1;
  }
  #MenuGeneral {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #MenuGeneral > li {
    flex: 0 0 auto;
    position: relative;
    margin: 0 0.5em;
  }
  #MenuGeneral > li a {
    font-size: 1.15em;
    padding: 0.5em 1em;
    display: block;
    color: #000000;
    border-bottom: 0.25em solid transparent;
    transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral .submenu {
    text-align: left;
  }
  #MenuGeneral .submenu ul {
    position: absolute;
    overflow: clip;
    top: 100%;
    left: 0;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    border-radius: 0 0.5em 0.5em 0.5em;
    background: rgba(255, 255, 255, 0.8);
    max-height: 0;
    transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral .submenu li {
    display: block;
  }
  #MenuGeneral .submenu a {
    text-align: left;
    justify-content: flex-start;
    white-space: nowrap;
  }
  /*open*/
  #MenuGeneral > li[data-state=open] > a {
    color: #E30613 !important;
    cursor: default !important;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #ffffff !important;
  }
  #MenuGeneral > li[data-state=open] ul {
    max-height: 11em;
    padding-top: 0.5em;
  }
  /*select*/
  #MenuGeneral > li.select > a {
    color: #E30613 !important;
    border-color: #E30613;
  }
  #MenuGeneral > li.submenu li.select > a {
    color: #E30613 !important;
    border-color: transparent !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  #MenuGeneral > li:not(.select) a:hover {
    color: #E30613 !important;
  }
}
@media (max-width: 1300px) {
  header.primary {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (max-width: 1080px) {
  #Logo {
    flex: 0 0 15em;
  }
}
@media (max-width: 1023px) {
  header.primary {
    padding: 1.5em 1.5em 0 1.5em;
  }
  a#BtnMenuMobile {
    display: block;
    position: absolute;
    z-index: 9900;
    top: 1.5em;
    left: 1.5em;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    background: url("../imagenes/ic-menu.svg") no-repeat 50% 50%, url("../imagenes/ic-equis.svg") no-repeat 50% 200px;
  }
  #Logo {
    margin-left: 3em;
  }
  #MenuGeneral {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    top: 0;
    left: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 0;
    width: 100%;
    height: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.9);
    transition: height 0.3s ease-in-out;
  }
  #MenuGeneral > li {
    width: 100%;
    flex: 0 0 100%;
    height: auto;
    margin: 0;
    padding: 1.5em 0;
    text-align: center;
    opacity: 0;
    transform: translateY(3em);
    transition: transform 0.3s ease-in-out, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s ease-in-out;
  }
  #MenuGeneral > li:nth-of-type(1) {
    transition-delay: 0s;
  }
  #MenuGeneral > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #MenuGeneral > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #MenuGeneral > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #MenuGeneral > li > a {
    display: inline-block;
    text-align: center;
    font-size: 1.5em;
    padding: 0 1em;
  }
  #MenuGeneral .submenu {
    text-align: center;
  }
  #MenuGeneral .submenu ul {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    background: none;
  }
  #MenuGeneral .submenu li {
    display: block;
  }
  #MenuGeneral .submenu a {
    text-align: center;
    justify-content: center;
  }
  /*menumode*/
  .menumode {
    overflow: hidden;
  }
  .menumode a#BtnMenuMobile {
    background-position: 50% -200px, 50% 50%;
  }
  .menumode #MenuGeneral {
    height: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .menumode #MenuGeneral > li {
    transform: translateY(-3em);
  }
  /*menumode standby*/
  .menumode.standby #MenuGeneral > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
}
/*MAIN FRONT INTERNA*/
@media screen {
  #MainInterna,
  #MainInterna2 {
    background-color: #ffffff;
  }
  #MainInterna > header {
    padding-top: 16em;
    padding-bottom: 2em;
  }
  #MainInterna2 > header {
    padding-top: 4em;
    padding-bottom: 2em;
  }
  #MainInterna h2,
  #MainInterna2 h2 {
    font-size: 3.1em;
  }
  p.DescripcionInterna {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
  }
  #ContentMainInterna {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    background-color: #f2f2f2;
  }
}
@media (max-width: 1080px) {
  #MainInterna > header,
  #MainInterna2 > header {
    padding-top: 10em;
  }
}
/*FOOTER*/
@media screen {
  #TopFooter {
    background-color: #009FE3;
  }
  #ContentFooter {
    display: flex;
    flex-wrap: wrap;
    padding-top: 4em;
    padding-bottom: 4em;
  }
  #LogoFooter {
    flex: 0 0 3.5em;
    margin-right: 2.5em;
  }
  #NavSitemap {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  #NavSitemap > div {
    flex: 0 0 auto;
  }
  #NavSitemap a {
    display: block;
    font-size: 0.9em;
    color: #ffffff;
    margin-bottom: 1em;
  }
  #SitemapGeneral {
    margin-right: 2em;
  }
  #SitemapGeneral .NavSocial {
    display: flex;
    gap: 1em;
    margin-top: 1.5em;
  }
  #SitemapSalas {
    margin: 0 2em;
    display: flex;
    gap: 4em;
  }
  .SitemaSalasGroup {
    flex: 0 0 auto;
  }
  a.btn-sitemap-salas {
    border-bottom: 1px solid #ffffff;
    display: inline-block !important;
  }
  .ListaSalas {
    display: flex;
    gap: 2em;
  }
  .ListaSalas div {
    flex: 0 0 auto;
  }
  #QuickContacto {
    flex: 0 0 auto;
    text-align: left;
  }
  #AddressList {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #AddressList address {
    font-style: normal;
    font-size: 1.15em;
    line-height: 1.5em;
    color: #ffffff;
    padding-top: 0.15em;
    padding-left: 1.2em;
    background: url(../imagenes/ic-pin.svg) no-repeat 0 0;
    background-size: 1em auto;
  }
  #AddressList span {
    display: block;
    font-size: 0.8em;
    line-height: 1em !important;
  }
  #FormasContacto {
    display: flex;
    gap: 1em;
    align-items: center;
  }
  #QuickContacto #ComboContactoEmail {
    filter: invert(100%);
    margin-top: 0.7em;
    margin-bottom: 0.7em;
  }
  #QuickContacto a.BtnMail {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1em !important;
    line-height: 1em;
    display: block;
    margin-left: auto;
    padding: 1em 1em 1em 3em;
    background: url("../imagenes/internas/ic-sobre.svg") no-repeat 0.8em 50%;
    border-radius: 0.5em;
  }
  #QuickContacto .NavSocial {
    display: none;
  }
  #Legales {
    padding: 1em 0;
  }
  #ContentLegales {
    display: flex;
    flex-wrap: wrap;
  }
  #ContentLegales p {
    flex: 1;
  }
  #ContentLegales a {
    color: #000000;
  }
  p#Copy {
    font-size: 0.8em;
  }
  p#CreacionUno {
    font-family: Arial;
    font-size: 0.7em;
    text-align: right;
  }
}
@media (max-width: 1200px) {
  #LogoFooter,
  #NavSitemap {
    display: none;
  }
  #AddressList span {
    line-height: 2em !important;
  }
  #AddressList address {
    padding-left: 0;
    padding-top: 1.5em;
    background-position: 50% 0;
  }
  #QuickContacto {
    flex: 1 1 100%;
    text-align: center;
  }
  #FormasContacto {
    justify-content: center;
    margin-block: 1em;
  }
  #QuickContacto .NavSocial {
    display: block;
  }
}
@media (max-width: 700px) {
  #ContentLegales p {
    flex: 1 1 100%;
    text-align: center;
  }
  p#CreacionUno {
    flex: 1 1 100%;
    text-align: center;
    margin-top: 1em;
  }
}
@media (max-width: 500px) {
  #FormasContacto {
    display: block;
    text-align: center;
    margin-block: 2em;
  }
  #QuickContacto #ComboContactoEmail {
    justify-content: center;
    margin-top: 1em;
  }
  #QuickContacto a.BtnMail {
    margin: 0 !important;
  }
}
/*AMENITIES*/
@media screen {
  #Amenities {
    text-align: center;
    padding: 6em 0;
    background: url("../imagenes/fondo-ammenities.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #Amenities header {
    padding-bottom: 4em;
  }
  #Amenities h2 {
    font-size: 1.9em;
  }
  #MainAmenities {
    display: flex;
    flex-wrap: wrap;
  }
  #MainAmenities article {
    flex: 1;
    margin: 1em;
    background-color: #ffffff;
    border-radius: 0.8em;
  }
  #MainAmenities header {
    position: relative;
    padding: 5em 1em 0.5em 1em;
  }
  #MainAmenities header figure {
    position: absolute;
    top: -2em;
    left: 50%;
    margin-left: -2.5em;
  }
  #MainAmenities header img {
    width: 5em;
  }
  #MainAmenities header h3 {
    font-size: 1.5em;
  }
  #MainAmenities header h3::after {
    content: "•";
    font-size: 1.25em;
    color: #949494;
    margin-top: 0.5em;
    display: block;
    text-align: center;
  }
  #MainAmenities div {
    padding: 0 2em 2em 2em;
  }
  #MainAmenities li {
    padding-bottom: 1.5em;
  }
  #MainAmenities li:not(:last-child)::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 3em;
    margin-top: 1.5em;
    border-top: 0.06em solid #949494;
  }
  #MainAmenities h4 {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    line-height: 1.5em;
  }
}
/*LOCATION*/
@media screen {
  #Localizacion {
    width: 100%;
    padding-block: 3em;
    border-top: 0.06em solid #c7c6c6;
  }
  #ContentLocalizacion {
    display: flex;
    gap: 2em;
    width: 100%;
  }
  .CardSede {
    position: relative;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #c7c6c6;
    border-radius: 1em;
  }
  .SedeMapa {
    flex: 0 0 auto;
    height: 20em;
  }
  .SedeDireccion {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3em;
  }
  .SedeDireccion > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .SedeDireccion address {
    font-size: 1.9em;
    font-style: normal;
    color: #000000;
    margin-bottom: 0.5em;
  }
  .SedeDireccion figure {
    width: 3em;
    margin: 0 auto 1em auto;
  }
  .SedeParking {
    margin-top: 1.5em;
  }
  .SedeParking figure {
    display: block;
    width: 3em;
    margin: 0 auto 1em auto;
  }
  .SedeParking p {
    font-size: 1em;
  }
  .LoaderMapa {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .LoaderMapa iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1100px) {
  .SedeDireccion address {
    font-size: 1.25em;
  }
}
@media (max-width: 800px) {
  #ContentLocalizacion {
    flex-direction: column;
  }
  .SedeIso {
    display: none;
  }
}
@media (max-width: 600px) {
  #MainAmenities header figure {
    width: 4em;
    margin-left: -2em;
  }
}
/*HOME*/
@media screen {
  #Hero {
    width: 100%;
    height: 100vh;
    max-height: 57em;
    background: url("../imagenes/fondo-home.jpg") no-repeat 50% 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #ContentHero {
    text-align: center; /*border: 1px solid red;*/
  }
  #ContentHero img {
    margin: 0 auto 1em auto;
  }
  p.TxtHero {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.9em;
    color: #000000;
  }
  p.TxtHero strong {
    font-family: "Boing-Medium", Arial, Helvetica, sans-serif;
    color: #009FE3;
  }
  p.DestacadoHero {
    display: block;
    margin-bottom: 0.25em;
    font-size: 3.8em;
    color: #E30613;
  }
  #TipoEspacio {
    padding-top: 6em;
  }
  #TipoEspacio > header {
    padding-bottom: 6em;
    text-align: center;
  }
  #TipoEspacio > header h2 {
    font-size: 2.4em;
  }
  #TipoEspacio > header strong {
    color: #009FE3;
  }
  #MainTipoEspacio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #MainTipoEspacio article {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6em;
  }
  #SalaDespajada {
    align-items: flex-end;
    background: url("../imagenes/fondo-despejado.jpg") no-repeat 50% 50%;
  }
  #SalaEquipada {
    align-items: flex-start;
    background: url("../imagenes/fondo-equipado.jpg") no-repeat 50% 50%;
  }
  #MainTipoEspacio article div {
    width: 100%;
    max-width: 25em;
    text-align: center;
  }
  #MainTipoEspacio header {
    flex: 0 0 auto;
    text-align: center;
  }
  #MainTipoEspacio img {
    margin: 0 auto 1em auto;
  }
  #MainTipoEspacio h3 {
    display: block;
    font-size: 1.9em;
    margin-bottom: 0.5em;
  }
  #MainTipoEspacio h4 {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.5em;
  }
  #MainTipoEspacio p {
    font-size: 1em;
    margin-top: 0.5em;
  }
  #MainTipoEspacio footer {
    margin-top: 2em;
  }
  #Usos {
    padding: 6em 0;
    text-align: center;
  }
  #TiposUsos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  #Usos h2 {
    flex: 0 0 auto;
    font-size: 3.1em;
    color: #575756;
  }
  #Usos h2:nth-child(odd) {
    color: #009FE3;
  }
  #Usos h3 {
    display: block;
    margin: 0.5em 0;
    font-size: 1.5em;
    text-align: center;
  }
  #Usos p {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 1.5em;
  }
  #GaleriaFotosHome {
    padding-top: 6em;
    padding-bottom: 6em;
    background-color: #f2f2f2;
  }
  #ThumbGaleriaHome {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(3, 1fr);
  }
  #ThumbGaleriaHome div[data-id] {
    cursor: pointer;
  }
  #pos1 {
    order: 1;
    grid-column: 1/2;
    grid-row: 1/3;
  }
  #pos2 {
    order: 2;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  #pos3 {
    order: 3;
    grid-column: 3/4;
    grid-row: 1/2;
  }
  #pos4 {
    order: 4;
    grid-column: 1/2;
    grid-row: 3/4;
  }
  #pos5 {
    order: 5;
    grid-column: 2/3;
    grid-row: 2/4;
  }
  #pos6 {
    order: 6;
  }
  #pos7 {
    order: 7;
  }
  #ThumbGaleriaHome figure {
    width: 100%;
    display: block;
  }
}
@media (max-width: 950px) {
  #ThumbGaleriaHome {
    gap: 1em;
    grid-template-columns: repeat(2, 1fr);
  }
  #pos1 {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  #pos2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  #pos4 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  #pos5 {
    grid-column: 2/3;
    grid-row: 2/4;
  }
  #pos3 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  #pos6 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  #pos7 {
    display: none;
  }
}
@media (max-width: 900px) {
  #MainTipoEspacio article {
    flex: 1 1 100%;
  }
  #MainTipoEspacio article div {
    max-width: none;
  }
}
@media (max-width: 700px) {
  #MainAmenities article {
    flex: 1 1 100%;
    margin-bottom: 2em;
  }
  #GaleriaFotosHome {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  #ThumbGaleriaHome {
    gap: 0.5em;
  }
}
@media (max-width: 500px) {
  #TipoEspacio {
    padding-top: 3em;
  }
  #TipoEspacio > header {
    padding-bottom: 3em;
  }
  #TipoEspacio > header h2 {
    font-size: 1.9em;
    line-height: 1.3em;
  }
  #MainTipoEspacio article {
    padding: 3em;
  }
  #MainTipoEspacio h4 br {
    display: none;
  }
  #Usos h2 {
    font-size: 2.4em;
  }
}
/*SALAS*/
@media screen {
  #Salas main {
    background-color: #f2f2f2;
  }
  #Salas h2 strong {
    display: block;
    color: #E30613;
  }
  .Referencias {
    margin-top: 1.5em;
  }
  .Referencias > p {
    margin-bottom: 1em;
  }
  .GrupoReferencias {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .GrupoReferencias div {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 2.5em;
  }
  .GrupoReferencias figure {
    margin-right: 0.5em;
  }
  .GrupoReferencias p {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  #ListaAulas {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    width: 100%;
  }
  #ListaAulas a {
    max-width: 25em;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .CardSala header {
    width: 100%;
  }
  .CardSala footer {
    padding: 2em 3em;
  }
  .CardSala h3 {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.9em;
  }
  .DataCapacidad {
    display: flex;
    flex-wrap: wrap;
  }
  .DataCapacidad p {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.15em;
  }
  div[data-capacidad=sillas] {
    background: url("../imagenes/internas/ic-sillas.svg") no-repeat 0 50%;
  }
  div[data-capacidad=pupitres] {
    background: url("../imagenes/internas/ic-pupitres.svg") no-repeat 0 50%;
  }
  div[data-capacidad=escritorios] {
    background: url("../imagenes/internas/ic-escritorios.svg") no-repeat 0 50%;
  }
  .DataCapacidad div {
    flex: 1;
    padding: 1em 2em 1em 0;
  }
  .DataCapacidad div[data-capacidad=sillas] {
    padding-left: 1.5em;
    background-size: 1.05em auto;
  }
  .DataCapacidad div[data-capacidad=pupitres] {
    padding-left: 1.7em;
    background-size: 1.3em auto;
  }
  .DataCapacidad div[data-capacidad=escritorios] {
    padding-left: 2.7em;
    background-size: 2.3em auto;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #ListaAulas a:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}
@media (max-width: 1920px) {
  #ListaAulas {
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
    max-width: 77em;
  }
}
@media (max-width: 1500px) {
  #ListaAulas {
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    max-width: none;
  }
}
@media (max-width: 900px) {
  #ListaAulas {
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
  }
}
@media (max-width: 780px) {
  #ListaAulas {
    display: block;
  }
  #ListaAulas a {
    display: block;
    margin-bottom: 2em;
  }
}
@media (max-width: 600px) {
  .GrupoReferencias div {
    flex-direction: column;
    align-items: center;
  }
  .GrupoReferencias figure {
    margin-bottom: 0.5em;
    margin-right: 0;
  }
  .CardSala footer {
    padding: 2em;
  }
}
/*DETALLE DE SALAS */
@media screen {
  /*GALERIA DE FOTOS*/
  .Modal {
    position: fixed;
    z-index: 9990;
    width: 100%;
    height: 100%;
    padding: 1.5em;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    -webkit-overflow-scrolling: touch;
  }
  a.cerrarx {
    position: absolute;
    z-index: 200;
    top: 1em;
    right: 1em;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    background: #000 url("../imagenes/ic-equis-blanco.svg") no-repeat 50% 50%;
    background-size: 1.5em auto;
    border-radius: 100px;
    cursor: pointer;
  }
  .NavArrow {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0;
    margin-top: -1em;
    width: 100%;
  }
  .NavArrow a {
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
  }
  .NavArrow a.Prev {
    float: left;
    margin-left: 1em;
    background: url("../imagenes/nav-left.svg") no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .NavArrow a.Next {
    float: right;
    margin-right: 1em;
    background: url("../imagenes/nav-rigth.svg") no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .Modal .ContentFotos {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in 0.2s;
  }
  .Modal .ContentFotos figure {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .Modal .ContentFotos img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    border: 1px solid #ccc;
    transform: translate(-50%, -50%);
  }
  /*modalfotos */
  .modalfotos {
    overflow: hidden;
  }
  .modalfotos #ModalGaleria {
    opacity: 1;
    visibility: visible;
  }
  .modalfotos #ModalGaleria .ContentFotos {
    opacity: 1;
  }
  /*select*/
  #ModalGaleria .ContentFotos figure.select {
    position: relative;
    opacity: 1;
  }
  /*.....*/
  #MainDetalleSalas {
    width: 100%;
  }
  #MainDetalleSalas > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 30em;
    background-color: #f2f2f2;
    background-position: 50% 50%;
    background-size: cover;
  }
  #MainDetalleSalas > header > div {
    height: auto;
    text-align: center;
  }
  #MainDetalleSalas h2 {
    font-size: 3.8em;
  }
  #MainDetalleSalas > header a {
    margin-top: 1em;
  }
  #ModuloGeneral {
    margin: 6em 0 1.5em 0;
  }
  #ModuloGeneral h3 {
    font-size: 1.5em;
  }
  #ModuloGeneral h3 span {
    font-size: 0.7em !important;
  }
  #ModuloGeneral h4 {
    font-size: 1.9em;
  }
  #ModuloGeneral h4.Label {
    display: block;
    margin-bottom: 0.3em;
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1em !important;
    font-variant: small-caps;
    color: #707070;
  }
  #ModuloGeneral h5 {
    font-size: 1.9em;
  }
  #ModuloGeneral h4 sup,
  #ModuloGeneral h5 sup {
    font-size: 0.5em !important;
  }
  #ContentModuloGeneral {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5em;
  }
  #DimensionesSala {
    flex: 1;
    padding-right: 2em;
  }
  #DimensionesSala header {
    margin-bottom: 1.5em;
  }
  #ContentDimensionesSala {
    display: flex;
    flex-wrap: wrap;
    border-right: 0.06em solid #C9C9C9;
  }
  #ContentDimensionesSala > div {
    flex: 1;
  }
  #ContentDimensionesSala > div:has(strong:empty) {
    display: none !important;
  }
  #CapacidadSala {
    flex: 1;
    padding-left: 2em;
  }
  #CapacidadSala header {
    margin-bottom: 1.8em;
  }
  #ContentCapacidadSala {
    display: flex;
    flex-wrap: wrap;
  }
  #ContentCapacidadSala > div {
    flex: 1;
  }
  #ContentCapacidadSala > div[data-capacidad=sillas] {
    padding: 0.5em 0 0.5em 0;
    background-size: 1.8em auto;
  }
  #ContentCapacidadSala > div[data-capacidad=pupitres] {
    padding: 0.5em 0 0.5em 0;
    background-size: 2.3em auto;
  }
  #ContentCapacidadSala > div[data-capacidad=escritorios] {
    padding: 0.5em 0 0.5em 0;
    background-size: 3.7em auto;
  }
  #ContentCapacidadSala > div[data-capacidad=sillas] h4 {
    padding-left: 1.3em;
  }
  #ContentCapacidadSala > div[data-capacidad=pupitres] h4 {
    padding-left: 1.6em;
  }
  #ContentCapacidadSala > div[data-capacidad=escritorios] h4 {
    padding-left: 2.5em;
  }
  #ContentCapacidadSala p {
    font-size: 1.9em;
  }
  #AccionComparar {
    padding-top: 1em;
    flex: 1 1 100%;
  }
  #ModuloAmenities {
    margin-bottom: 1.5em;
  }
  #ModuloAmenities header {
    margin-bottom: 1.5em;
  }
  #ModuloAmenities h3 {
    font-size: 1.5em;
  }
  #BannerComparacionSala {
    width: 100%;
    padding: 5.5em 0;
    text-align: center;
    background: url("../imagenes/internas/fondo-banner-comparar.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #BannerComparacionSala p {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 2.4em;
    display: block;
    text-align: center;
    margin-bottom: 0.5em;
  }
  #GaleriaFotosSala {
    padding: 3em 0 0.25em 0;
    background-color: #ffffff;
  }
  #ContentGaleriaFotosSala p {
    font-size: 1.5em;
    display: block;
    margin-bottom: 0.5em;
  }
  .GaleriaFotos {
    width: 100%;
  }
  ul.Miniaturas {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  ul.Miniaturas li {
    flex: 0 0 33.33%;
    padding: 0.25em;
    border: 1px solid #fff;
    cursor: pointer;
    transition: border-color 0.3s ease-in-out;
  }
  ul.Miniaturas img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: attr(width)/attr(height);
  }
  #ContentGaleriaVideos {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    margin-bottom: 2em;
  }
  .LoaderGaleriaVideo {
    flex: 1;
    position: relative;
    overflow: hidden;
    text-align: center;
    background-color: #000000;
    margin: 0.25em;
  }
  .LoaderGaleriaVideo video {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
  }
  /*.....*/
  #BannerAlquilarSala {
    width: 100%;
    padding: 5.5em 0;
    text-align: center;
  }
  #BannerAlquilarSala p {
    font-size: 3.8em;
    display: block;
    text-align: center;
    margin-bottom: 0.25em;
  }
}
/*Desktop*/
@media (hover: hover) and (pointer: fine) {
  .Modal {
    overflow: hidden;
  }
}
@media (max-width: 980px) {
  #ContentModuloGeneral {
    display: block;
  }
  #ContentDimensionesSala {
    border: none;
  }
  #DimensionesSala {
    flex: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 5em;
  }
  #CapacidadSala {
    flex: none;
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 950px) {
  ul.Miniaturas li {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  #MainDetalleSalas h2 {
    font-size: 3.1em;
  }
  #ContentCapacidadSala > div[data-capacidad=sillas] {
    background-size: 1.7em auto;
  }
  #ContentCapacidadSala > div[data-capacidad=pupitres] {
    background-size: 2em auto;
  }
  #ContentCapacidadSala > div[data-capacidad=escritorios] {
    background-size: 3.3em auto;
  }
  #ModuloGeneral h4:not(.Label),
  #ModuloGeneral h5 {
    font-size: 1.5em;
  }
  #BannerComparacionSala p {
    font-size: 1.9em;
  }
  #BannerAlquilarSala p {
    font-size: 3.1em;
  }
}
@media (max-width: 500px) {
  .Modal .NavArrow {
    top: auto;
    bottom: 1em;
    display: flex;
    justify-content: center;
  }
  .Modal .NavArrow a {
    float: none;
    margin: 0 1em;
  }
}
/*COMPARAR SALAS */
@media screen {
  #CompararSalas #MainInterna > header {
    background: url("../imagenes/internas/header-comparar.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #CompararSalas h2 strong {
    display: block;
    color: #E30613;
  }
  .CardCompararSala {
    display: flex;
    flex-wrap: wrap;
    padding: 2em 0;
    padding-bottom: 2em;
    border-bottom: 0.06em solid #b8b8b8;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .CardCompararSala:last-child {
    border-bottom: none;
  }
  .CardCompararSala header {
    flex: 1;
  }
  .CardCompararSala h3 {
    font-size: 1.9em;
    display: block;
  }
  .CardCompararSala header a.small {
    margin-top: 1em;
  }
  .DataSala {
    flex: 3;
    padding-right: 1em;
  }
  .DataSala h4.Label {
    display: block;
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-variant: small-caps;
    color: #707070;
    margin-bottom: 0.3em;
  }
  .DataSala h4:not(Label),
  .DataSala h5 {
    font-size: 1.5em;
  }
  .DataSala h5 sup {
    font-size: 0.5em !important;
  }
  .TopDataSala {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .DataDimensionesSala {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .DataDimensionesSala > div {
    flex: 1;
  }
  .DataCapacidadSala {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .DataCapacidadSala > div {
    flex: 1;
  }
  .DataCapacidadSala > div[data-capacidad=sillas] {
    padding: 0.5em 0 0.5em 0;
    background-size: 1.6em auto;
  }
  .DataCapacidadSala > div[data-capacidad=pupitres] {
    padding: 0.5em 0 0.5em 0;
    background-size: 2em auto;
  }
  .DataCapacidadSala > div[data-capacidad=escritorios] {
    padding: 0.5em 0 0.5em 0;
    background-size: 3.3em auto;
  }
  .DataCapacidadSala > div[data-capacidad=sillas] h4 {
    padding-left: 1.3em;
  }
  .DataCapacidadSala > div[data-capacidad=pupitres] h4 {
    padding-left: 1.6em;
  }
  .DataCapacidadSala > div[data-capacidad=escritorios] h4 {
    padding-left: 2.5em;
  }
  .DataDimensionesSala > div:has(strong:empty) {
    opacity: 0 !important;
  }
  .DataCapacidadSala p {
    font-size: 1.9em;
  }
  .BottomDataSala .GroupAmenities {
    margin-top: 2em;
  }
  .BottomDataSala h4.Label {
    flex: 1 1 100%;
  }
  .CardCompararSala footer {
    flex: 0 0 auto;
  }
  /*Acordeon*/
  /*close*/
  .CardCompararSala header a.small {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .CardCompararSala .BottomDataSala {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
  }
  /*open*/
  .CardCompararSala.open header a.small {
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    opacity: 1;
    visibility: visible;
  }
  .CardCompararSala.open .BottomDataSala {
    max-height: 80em;
  }
  .CardCompararSala.open a.BtnOpen {
    transform: rotate(-180deg);
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #GroupComprarSalas article:not(.open):hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25), 10px 0 10px rgba(0, 0, 0, 0.22);
  }
  #GroupComprarSalas article:not(.open):hover a.BtnOpen {
    background: none;
  }
  #GroupComprarSalas article:not(.open):hover a.BtnOpen::after {
    animation: blink 1.5s infinite;
  }
}
@media (max-width: 1100px) {
  .CardCompararSala header {
    order: 1;
    display: flex;
    align-items: center;
  }
  .CardCompararSala h3 {
    margin-bottom: 0;
  }
  .CardCompararSala header a.small {
    display: none !important;
  }
  .DataSala {
    order: 3;
    flex: 1 1 100%;
    margin-top: 1em;
    padding-right: 0;
  }
  .CardCompararSala footer {
    order: 2;
  }
}
@media (max-width: 780px) {
  .DataDimensionesSala {
    flex: 1 1 100%;
  }
  .DataCapacidadSala {
    flex: 1 1 100%;
    margin-top: 1em;
  }
}
@media (max-width: 600px) {
  .DataCapacidadSala > div[data-capacidad=sillas] {
    background-size: 1.3em auto;
  }
  .DataCapacidadSala > div[data-capacidad=pupitres] {
    background-size: 1.7em auto;
  }
  .DataCapacidadSala > div[data-capacidad=escritorios] {
    background-size: 2.7em auto;
  }
  .DataCapacidadSala > div[data-capacidad=sillas] h4 {
    padding-left: 1.3em;
  }
  .DataCapacidadSala > div[data-capacidad=pupitres] h4 {
    padding-left: 1.6em;
  }
  .DataCapacidadSala > div[data-capacidad=escritorios] h4 {
    padding-left: 2.6em;
  }
  .DataSala h4:not(Label),
  .DataSala h5 {
    font-size: 1.25em;
  }
}
/*CARTELERA*/
@media screen {
  #Cartelera #MainInterna > header {
    padding-top: 10em;
  }
  #Cartelera main {
    background-color: #f2f2f2;
  }
  .badge_c {
    font-size: 18px !important;
    padding: 12px 16px 8px 16px !important;
    margin-bottom: 30px;
  }
  #Cartelera h2 strong {
    display: block;
    color: #E30613;
  }
  .ContentCartelera {
    padding-block: 1.5em;
    background-color: rgb(242, 242, 242);
  }
  .ListaCartelera {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    width: 100%;
  }
  .ListaCartelera a {
    max-width: 25em;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .ListaCartelera img {
    max-width: 100%;
    display: block;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .ListaCartelera a:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}
@media (max-width: 1500px) {
  .ListaCartelera {
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    max-width: none;
  }
}
@media (max-width: 900px) {
  .ListaCartelera {
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
  }
}
@media (max-width: 780px) {
  #MainInterna h2 {
    font-size: 1.9em;
  }
  .ListaCartelera {
    display: block;
  }
  .ListaCartelera a {
    display: block;
    margin-bottom: 2em;
  }
}
/*SERVICIOS*/
@media screen {
  #Servicios #MainInterna > header {
    background: url("../imagenes/internas/header-servicios.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #Servicios #MainInterna h3 {
    font-size: 1.5em;
  }
  #Servicios #ContentMainInterna {
    padding: 5em 0 8em 0;
    background-color: #ffffff;
  }
  #Timeline {
    padding: 3em 0 6em 0;
  }
  #Timeline li {
    position: relative;
    display: block;
    padding: 1em 0 1em 1.5em;
    background-image: url("../imagenes/internas/filete.png");
    background-repeat: repeat-y;
    background-position: 0.3em 0;
  }
  #Timeline li:first-child {
    background-repeat: no-repeat;
    background-position: 0.3em 1.5em;
    background-size: 2px 100%;
  }
  #Timeline li:last-child {
    background-repeat: no-repeat;
    background-position: 0.3em 0;
    background-size: 2px 2em;
  }
  #Timeline li::before {
    content: "";
    position: absolute;
    top: 0.7em;
    left: 0;
    display: block;
    width: 2em;
    height: 2em;
    background: url("../imagenes/internas/bulett-open.svg") no-repeat 0 50%;
    background-size: 0.7em auto;
  }
  #Timeline li:last-child::before {
    background-image: url("../imagenes/internas/bullet-close.svg");
  }
  #Timeline p {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    line-height: 1.5em;
  }
  #ListadoServicios {
    display: grid;
    grid-gap: 4em;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
  .CardServicio {
    display: flex;
    flex-wrap: wrap;
  }
  .CardServicio figure {
    flex: 0 0 2em;
    margin-right: 0.5em;
    text-align: center;
  }
  .CardServicio figure img {
    margin: 0 auto;
  }
  .CardServicio div {
    flex: 1;
  }
  .CardServicio h4 {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.5em;
  }
  .CardServicio h5 {
    font-family: "Boing-Light", Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    line-height: 1.5em;
  }
}
/*CONTACTO*/
@media screen {
  #Contacto #MainInterna > header {
    background: url("../imagenes/internas/header-contacto.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #GroupContacto {
    display: flex;
    flex-wrap: wrap;
  }
  #FormContact {
    flex: 2;
    background-color: #ffffff;
    padding: 3em;
  }
  #ContactoDirecto {
    flex: 1.5;
    padding: 3em;
  }
  #ContactoDirecto p {
    font-size: 1.9em;
  }
  #ComboContactoEmail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    margin: 1em 0;
  }
  #ComboContactoEmail a {
    flex: 0 0 auto;
  }
  #ComboContactoEmail a.BtnMail {
    font-size: 1em !important;
    line-height: 1em;
    display: inline-block;
    color: #000000;
    padding: 1em 1em 1em 3em;
    background: url("../imagenes/internas/ic-sobre.svg") no-repeat 0.8em 50%;
    border: 0.06em solid #000000;
    border-radius: 0.5em;
  }
  #ContactoDirecto .NavSocial {
    margin-top: 1em;
  }
  #ContactoDirecto .NavSocial a {
    background-color: #009FE3;
    border-radius: 0.5em;
    background-size: 1.5em auto;
  }
}
@media (max-width: 1250px) {
  #FormContact {
    flex: 1 1 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #ContactoDirecto {
    flex: 1 1 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (max-width: 600px) {
  #Contacto #ContentMainInterna {
    padding-top: 0;
  }
  #GroupContacto {
    padding: 0 !important;
  }
}
/*RESPUESTAS OK - FAIL:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #RespuestaForm {
    height: 100%;
  }
  #RespuestaForm main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #ffffff;
  }
  #RespuestaMail {
    text-align: center;
  }
  #RespuestaMail figure {
    display: inline-block;
    margin: 0 auto;
  }
  #RespuestaMail h1 {
    display: block;
    text-align: center;
    margin: 0.5em 0 0.25em 0;
  }
  #RespuestaMail h2 {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
  }
  #RespuestaMail a {
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  #RespuestaMail h1 span {
    display: block;
  }
}/*# sourceMappingURL=main.css.map */