@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,
  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.primary, textarea.primary,
  input.secondary, textarea.secondary,
  button {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
  }
  table, tr, th, td {
    border-collapse: collapse;
  }
  html, body {
    height: 100%;
  }
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem; /*1rem = 16px*/
  }
}
/*ATOMOS*/
/*colores*/
/*animaciones*/
@keyframes colorswitch {
  0% {
    color: #B360FF;
    border-color: #B360FF;
  }
  50% {
    color: #F38D39;
    border-color: #F38D39;
  }
  100% {
    color: #B360FF;
    border-color: #B360FF;
  }
}
/*efectos*/
.autoshow {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.5s ease, opacity 0.3s ease;
}

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

/*textos*/
@font-face {
  font-family: "Poppins-thin";
  src: url("../fonts/Poppins-Thin.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-light";
  src: url("../fonts/Poppins-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-semibold";
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Poppins-bold";
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Limelight";
  src: url("../fonts/Limelight-Regular.ttf") format("truetype");
  font-display: swap;
}
/*COMPONENTES*/
/*textos*/
strong {
  font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

strong.secondary {
  font-weight: bold;
}

/*botones*/
a[class*=primary],
input[type=submit][class*=primary] {
  display: inline-block;
  padding: 0.5em 1em;
  font: normal 1em "Poppins-bold", Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: 0.06em solid #7D44B6;
  background-color: #7D44B6;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

a[class*=primary-outline],
input[type=submit][class*=primary-outline] {
  color: #7D44B6;
  background-color: transparent;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

a[class*=colorswitch],
input[type=submit][class*=colorswitch] {
  animation: colorswitch 1s ease-in-out infinite;
}

a[class*=secondary],
input[type=submit][class*=secondary] {
  display: inline-block;
  padding: 0.5em 1em;
  font: normal 1em "Poppins-bold", Arial, Helvetica, sans-serif;
  color: #000000;
  border: 0.06em solid #F38D39;
  background-color: #F38D39;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

a[class*=secondary-outline],
input[type=submit][class*=secondary-outline] {
  color: #F38D39;
  background-color: transparent;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

a[class*=fail],
input[type=submit][class*=fail] {
  color: #990000;
  border-color: #990000;
}

a[class*=small],
input[type=submit][class*=small] {
  font-size: 0.85em;
}

a[class*=big],
input[type=submit][class*=big] {
  font-size: 1.5em;
}

.LinkTagSecondary {
  display: inline-block;
  padding: 0.5em 1em;
  font: normal 1em "Poppins-bold", Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #F38D39;
  text-align: left;
  cursor: pointer;
  border: none;
}

a.cerrarx {
  cursor: pointer;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background: url("../imagenes/icono-menu-close-blanco.svg") no-repeat 50% 50%;
}

a.cerrarx.black {
  background: url("../imagenes/icono-menu-close.svg") no-repeat 50% 50%;
}

.NavSocial a {
  width: 2.5em;
  height: 2.5em;
  display: block;
  margin: 1em 0;
  border-radius: 50%;
}

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

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

a[title*=Youtube] {
  background: #7D44B6 url("../imagenes/youtube-blanco.svg") no-repeat 50% 50%;
  background-size: 1em auto;
}

a.BtnQuickMail {
  display: inline-block;
  padding: 1em 1em 1em 3em;
  font-size: 1em;
  color: #000000;
  border: 0.06em solid #949494;
  background: url("../imagenes/internas/ic-sobre.svg") no-repeat 1em 50%;
}

a.BtnQuickBorrar {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background: url("../imagenes/tag-borrar.svg") no-repeat 0 0;
  background-size: 100% auto;
}

/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  a.primary:hover,
  input[type=submit].primary:hover,
  a.secondary:hover,
  input[type=submit].secondary:hover {
    color: #F38D39;
    background-color: #000000;
  }
  a.primary-outline:hover,
  input[type=submit].primary-outline:hover {
    color: #F38D39;
    background-color: #000000;
  }
  a.secondary-outline:hover,
  input[type=submit].secondary-outline:hover {
    color: #F38D39;
    background-color: #000000;
  }
  a.primary-outline.colorswitch:hover,
  input[type=submit].primary-outline.colorswitch:hover {
    border-color: #F38D39;
    animation: none;
  }
  .NavSocial a:hover {
    background-color: #000000;
  }
}
/*tablas*/
table, tr, th, td {
  border-collapse: collapse;
  vertical-align: top;
}

table.primary {
  width: 100%;
  text-align: left;
}

table.primary thead {
  position: relative;
  overflow: hidden;
}

table.primary thead td {
  padding: 1em 1.5em;
  background-color: #000000;
}

table.primary thead td[data-info=importe] {
  text-align: right;
}

table.primary thead td p {
  font-size: 0.85em;
  color: #ffffff;
}

table.primary tbody td {
  padding: 1.5em;
  background-color: #ffffff;
  border-bottom: 0.12em solid #f2f2f2;
}

table.primary tbody tr:last-child td {
  border: none;
}

table.primary tbody td p {
  font-size: 1em;
  color: #000000;
}

/*compras*/
table.primary tbody td[data-info=fecha] {
  width: 7em;
}

table.primary tbody td[data-info=descripcion] strong {
  display: block;
}

table.primary tbody td[data-info=importe] {
  text-align: right;
  white-space: nowrap;
}

table.primary tbody td[data-info=importe] p {
  color: #F38D39;
}

table.primary p[data-estado] {
  font-size: 0.85em;
}

table.primary p[data-estado=naranja] {
  color: #F38D39;
}

table.primary p[data-estado=verde] {
  padding-left: 1.5em;
  color: #3E9900;
  background: url("../imagenes/icono-ok.svg") no-repeat 0 50%;
  background-size: 1em 1em !important;
}

table.primary p[data-estado=rojo] {
  padding-left: 1.5em;
  color: #990000;
  background: url("../imagenes/icono-fail.svg") no-repeat 0 50%;
  background-size: 1em 1em !important;
}

table.primary tr[data-estado=gris] td[data-info=fecha] p,
table.primary tr[data-estado=gris] td[data-info=descripcion] p,
table.primary tr[data-estado=gris] td[data-info=cantidad] p,
table.primary tr[data-estado=gris] td[data-info=importe] p,
table.primary tr[data-estado=gris] td[data-info="metodo pago"] p {
  text-decoration: line-through;
  filter: grayscale(100%);
}

/*clases*/
table.primary tbody td[data-info="clases cumplidas"] p {
  color: #3E9900;
}

table.primary tbody td[data-info="clases pendientes"] p,
table.primary tbody td[data-info="clases pendientes reservadas"] p {
  color: #F38D39;
}

table.primary tr[data-estado=gris] td[data-info="clase numero"] p {
  text-decoration: line-through;
  filter: grayscale(100%);
}

table.primary tr[data-estado=reservada],
table.primary tr[data-estado=pendiente] {
  position: relative;
}

table.primary tr[data-estado=reservada] td:not(:last-child),
table.primary tr[data-estado=pendiente] td:not(:last-child) {
  padding-bottom: 5em;
}

table.primary tbody td[data-info="acciones clases"] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

table.primary tbody td[data-info="acciones clases"] a {
  display: block;
}

table.tarifas {
  width: 100%;
}

table.tarifas td {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid #d2d0d0;
}

table.tarifas tr:first-child td {
  border: none;
}

table.tarifas h4 {
  font-size: 1em;
}

table.tarifas h5 {
  font-size: 1em;
  text-align: right;
  color: #F38D39;
}

/*HOVER EFFECTS*/
/*formularios*/
label {
  display: block;
  margin-bottom: 0.25em;
  font-size: 1em;
  color: #333333;
  display: block;
}

label strong {
  color: #F38D39;
}

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

input.primary::-moz-placeholder, textarea.primary::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

input.primary::placeholder,
textarea.primary::placeholder {
  color: #ffffff;
  opacity: 1;
}

input.secondary::-moz-placeholder, textarea.secondary::-moz-placeholder {
  color: #707070;
  opacity: 1;
}

input.secondary::placeholder,
textarea.secondary::placeholder {
  color: #707070;
  opacity: 1;
}

form.primary > div,
form.secondary > div {
  width: 100%;
  text-align: left;
}

input.primary,
textarea.primary,
input.secondary,
textarea.secondary,
button,
select {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

input.primary,
select.primary,
textarea.primary {
  font: normal 1em "Poppins", Arial, Helvetica, sans-serif;
  border: 0.06em solid transparent;
  border-bottom-color: #ffffff;
  color: #ffffff;
  padding: 1em;
  width: 100%;
  margin-bottom: 1em;
  background-color: #000000;
}

input.secondary,
select.secondary,
textarea.secondary {
  font: normal 1em "Poppins", Arial, Helvetica, sans-serif;
  border: 0.06em solid #b8b8b8;
  padding: 0.5em 1em;
  width: 100%;
  margin-bottom: 1em;
  background-color: #ffffff;
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select {
    padding-right: 2.18em;
    background: #ffffff url(../imagenes/internas/flecha-select.jpg) no-repeat 100% 50%;
  }
}
.checkbox-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  margin: 0 0 2em 0;
}

.checkbox-group input[type=checkbox] {
  flex: 0 0 1em;
  margin-right: 0.8em;
}

.checkbox-group label {
  flex: 1;
  margin-bottom: 0;
  font-size: 0.75em;
  color: #707070;
}

.giftcode-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}

.giftcode-group input[type=text] {
  flex: 1;
  margin-bottom: 0;
  border-right: none;
}

.giftcode-group input[type=submit] {
  flex: 0 0 3em;
  border-color: #F38D39;
}

.giftcodeadd-group {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}

.giftcodeadd-group input[type=text] {
  flex: 1;
  margin-bottom: 0;
  font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
  margin-right: 0.5em;
}

.giftcodeadd-group input[type=submit] {
  flex: 0 0 3em;
  width: 3em;
  align-self: stretch;
  background: url("../imagenes/tag-borrar.svg") no-repeat 0 50%;
  background-size: 100% auto;
  border: none;
  cursor: pointer;
}

textarea.primary,
textarea.secondary {
  height: 11.25em;
}

input[type=submit].primary,
input[type=submit].secondary {
  margin-bottom: 0 !important;
  border: none !important;
}

/*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 {
  background-color: #f2f2f2;
  color: #000000;
  outline: 1px solid #F38D39;
}

input.primary:not([disabled]):focus::-moz-placeholder, textarea.primary:not([disabled]):focus::-moz-placeholder {
  color: #000000;
}

input.primary:not([disabled]):focus::placeholder,
textarea.primary:not([disabled]):focus::placeholder {
  color: #000000;
}

input.secondary:not([disabled]):focus,
textarea.secondary:not([disabled]):focus {
  outline: 1px solid #F38D39;
}

/*...*/
p.nota {
  font-size: 0.85em;
  color: #707070;
  display: block;
  text-align: left;
  margin: 0 0 2em 0;
}

/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  input.primary:not([disabled]):hover,
  textarea.primary:not([disabled]):hover,
  input.secondary:not([disabled]):hover,
  textarea.secondary:not([disabled]):hover {
    border-color: #F38D39;
  }
}
/*miscelaneas*/
::-webkit-scrollbar {
  width: 0.5em;
}

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

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

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

@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    background-color: #000000;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .Viewport {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 100em; /*1600px*/
  }
  .ViewportCorto {
    width: 100%;
    max-width: 56em; /*900px*/
    margin: 0 auto;
  }
}
@media (max-width: 1920px) {
  .Viewport {
    max-width: 85em;
  } /*1360px*/
}
@media (max-width: 1470px) {
  .Viewport {
    max-width: 75em !important;
  } /*1200px*/
}
@media (max-width: 1023px) {
  table.responsive thead {
    display: none;
  }
  table.responsive,
  table.responsive tbody,
  table.responsive tbody tr,
  table.responsive tbody td {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  table.responsive tbody {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  table.responsive tbody tr {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
  }
  table.responsive tbody td {
    flex: 0 0 auto;
    width: 100% !important;
    border: none;
    padding: 1em 1.5em !important;
  }
  table.responsive tbody td:first-child {
    background: #000000;
  }
  table.responsive tbody td:first-child p {
    color: #ffffff;
  }
  table.responsive tbody td:last-child {
    padding-bottom: 2em !important;
  }
  /*compras*/
  table.responsive tbody td::before {
    font-variant: small-caps;
    display: block;
    font-size: 0.85em;
    color: #949494;
  }
  table.responsive tbody td[data-info=fecha]::before {
    content: "fecha";
  }
  table.responsive tbody td[data-info=descripcion]::before {
    content: "descripcion";
  }
  table.responsive tbody td[data-info=cantidad]::before {
    content: "cantidad";
  }
  table.responsive tbody td[data-info=importe]::before {
    content: "importe";
  }
  table.responsive tbody td[data-info="metodo pago"]::before {
    content: "metodo de pago";
  }
  table.responsive tbody td[data-info="estado compra"]::before {
    content: "estado de compra";
  }
  table.primary tbody td[data-info="estado pago"]::before {
    content: "estado de pago";
  }
  table.responsive tbody td p {
    font-size: 1em;
  }
  /*clases*/
  table.responsive tbody td[data-info="clases cumplidas"]::before {
    content: "clases cumplidas";
  }
  table.responsive tbody td[data-info="clases pendientes"]::before {
    content: "clases pendientes";
  }
  table.responsive tbody td[data-info="clases pendientes reservadas"]::before {
    content: "clases pendientes reservadas";
  }
  table.responsive a {
    display: block;
  }
}
@media (max-width: 1300px) {
  .Viewport,
  .ViewportCorto {
    padding: 0 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .Viewport,
  .ViewportCorto {
    padding: 0 1.5em;
  }
}
/*COMPS CARDS:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  /*Quick card Home*/
  .CardQuick {
    position: relative;
    background: #ffffff;
    padding: 1em;
    margin: 0.25em 0;
  }
  .CardQuick figure {
    width: 4em;
  }
  .CardQuick img {
    max-width: 100%;
    display: block;
  }
  .QuickInfo {
    display: block;
  }
  .QuickNombre {
    font-size: 1em;
  }
  .QuickDescripcion {
    font-size: 0.85em;
  }
  .QuickAcciones {
    display: flex;
    align-items: center;
  }
  .QuickCantidad {
    flex: 1;
    font-size: 1em;
  }
  .QuickPrecio {
    flex: 0 0 auto;
    font-size: 1.3em;
    color: #F38D39;
  }
  /*Calendario*/
  .CardCalendario {
    display: flex;
    flex-wrap: wrap;
    padding: 2em;
    border: 0.06em solid #DFDADA;
    transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .CardCalendario .Info {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .CardCalendario p.Hora {
    flex: 0 0 6.5em;
    font-size: 1.3em;
  }
  .CardCalendario p.Tag {
    flex: 0 0 3em;
    align-self: flex-start;
    font-size: 0.85em;
    padding: 0.5em;
    margin: 0 2em;
    border: 0.06em solid transparent;
  }
  .CardCalendario p.Tag[data-tipo=class] {
    color: #F38D39;
    border-color: #F38D39;
  }
  .CardCalendario p.Tag[data-tipo=event] {
    color: #B360FF;
    border-color: #B360FF;
  }
  .CardCalendario .Data {
    flex: 1;
  }
  .CardCalendario h3.Nombre {
    font-size: 1.5em;
  }
  .CardCalendario h4.Nombre {
    font-size: 1em;
  }
  .CardCalendario p.Duracion {
    display: block;
    font-size: 0.85em;
    margin-top: 1em;
    padding-left: 1.5em;
    background: url("../imagenes/internas/ic-time.svg") no-repeat 0 0.25em;
    background-size: 1em auto;
  }
  .CardCalendario .Acciones {
    flex: 0 0 auto;
    text-align: right;
  }
  .CardCalendario p.Mensaje {
    font-size: 0.75em;
    display: block;
    margin-top: 0.5em;
    text-align: right;
  }
  /*Packs*/
  .CardPack {
    padding: 4em 3em;
    border: 0.06em solid #F38D39;
  }
  p.TituloPack {
    font-size: 2.25em;
    line-height: 1em;
    color: #ffffff;
  }
  p.CantidadPack {
    font-size: 2.25em;
    color: #F38D39;
  }
  .ValorPack {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 1em;
  }
  .BuyPack {
    flex: 1;
  }
  p.PrecioPack {
    font-size: 2.25em;
    color: #F38D39;
  }
  .BuyPack a {
    width: 100%;
    max-width: 15em;
  }
  .QRPack {
    flex: 0 0 5em;
    margin-left: 0.5em;
  }
  .QRPack img {
    max-width: 100%;
    display: block;
  }
  div[data-pack=tango] {
    background: url("../productos/pack-fondo.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  /*Giftcards*/
  .CardGift {
    position: relative;
    width: 100%;
    background-color: #000000;
    padding: 1em;
  }
  .CardGift .Adornos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../imagenes/internas/corner-1.svg") no-repeat 0 0, url("../imagenes/internas/corner-2.svg") no-repeat 100% 0, url("../imagenes/internas/corner-3.svg") no-repeat 0 100%, url("../imagenes/internas/corner-4.svg") no-repeat 100% 100%, url("../imagenes/internas/ribbon.svg") no-repeat 8% 6%;
  }
  .CardGift .HaloGift {
    border: 2px solid #F38D39;
    background: url(../productos/giftcard-fondo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  /*div[data-gift="tango"] .HaloGift {  background:$dark url("../productos/gift-tango.jpg") no-repeat 0 50%; background-size: cover;}
  div[data-gift="salsa"] .HaloGift { background:$dark url("../productos/gift-salsa.jpg") no-repeat 0 50%; background-size: cover;}
  div[data-gift="yoga"] .HaloGift { background:$dark url("../productos/gift-yoga.jpg") no-repeat 0 50%; background-size: cover;}*/
  .CardGift .BuyGift {
    padding: 6em 2em 7em 2em;
    text-align: center;
  }
  .CardGift .BuyGift figure {
    width: 8em;
    margin: 0 auto;
    margin-bottom: 2em;
  }
  .CardGift .BuyGift img {
    max-width: 100%;
    display: block;
  }
  .CardGift p.PrecioGift {
    font-size: 3.3em;
    color: #F38D39;
  }
  .CardGift .AccionesPack {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 100%;
    padding: 0 3em;
    text-align: center;
  }
  .CardGift .AccionesPack a {
    width: 100%;
  }
  /*Tarifario*/
  .CardTarifa {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #ffffff;
  }
  .CardTarifa header {
    flex: 0 0 auto;
    padding: 1.5em 1.5em 0 1.5em;
  }
  .CardTarifa h3 {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.5em;
    font-weight: bold;
  }
  .CardTarifaClase {
    position: relative;
    width: 17em;
    height: 10em;
    padding-bottom: 1em;
    background: url(../imagenes/internas/fondo-card-clase.png) no-repeat 0 0;
    background-size: 100% auto;
    display: flex;
    align-items: center;
  }
  .CardTarifaClase h3 {
    display: inline-block;
    padding: 0 2em 1em 3.3em;
    font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
    line-height: 1em;
    color: #ffffff;
  }
  .MainTarifa {
    flex: 1;
    padding: 0 1.5em 1.5em 1.5em;
  }
  .MainTarifa > p {
    font-size: 0.85em;
  }
  .TarifasGenerales {
    margin: 2em 0;
  }
  .BannerPrivado {
    border-top: 0.06em solid #f2f2f2;
    border-bottom: 0.06em solid #f2f2f2;
    padding: 0.5em 1em;
    text-align: center;
  }
  .BannerPrivado p {
    font-size: 1em;
    color: #F38D39;
  }
  .TarifaElencuentro {
    padding-top: 2em;
  }
  .TarifaElencuentro > div {
    padding-bottom: 0.5em;
  }
  .CardTarifa footer {
    flex: 0 0 auto;
    text-align: center;
    padding: 0 1em 2em 1em;
  }
  .CardTarifa footer a {
    display: inline-block;
    margin: 0 auto;
  }
  /*Carrito Item*/
  .CardItem td {
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .CardItem td {
    background-color: #ffffff;
    vertical-align: middle;
    border-bottom: 0.5em solid #f2f2f2;
  }
  .CardItem tr:last-child td {
    border: none;
  }
  .CardItem td[data-info=miniatura] {
    width: 9em;
    padding: 1em 0.5em 1em 1em;
  }
  .CardItem td[data-info=miniatura] img {
    max-width: 100%;
    display: block;
  }
  .CardItem td[data-info=descripcion] {
    padding: 1.5em;
  }
  .CardItem td[data-info=descripcion] p {
    font-size: 1em;
  }
  .CardItem td[data-info=descripcion] strong {
    font-size: 1.3em;
    display: block;
  }
  .CardItem td[data-info=cantidad] {
    width: 5em;
  }
  .CardItem td[data-info=cantidad] select {
    margin-bottom: 0;
  }
  .CardItem td[data-info=precio] {
    width: 1%;
    white-space: nowrap;
    padding: 1.5em;
  }
  .CardItem td[data-info=precio] p {
    font-size: 1.5em;
    color: #F38D39;
    text-align: right;
  }
  .CardItem td[data-info=cerrar] {
    width: 2em;
  }
  .CardItem td[data-info=cerrar] a {
    position: relative;
    top: auto;
    right: auto;
    display: block;
  }
}
@media (hover: hover) and (pointer: fine) {
  .CardCalendario:hover {
    background-color: #ffffff;
  }
  /*.........*/
  .CardItem.hover td {
    opacity: 0.5;
  }
  .CardItem.hover p,
  .CardItem.hover input {
    text-decoration: line-through;
  }
  /*out*/
  .CardItem.out td {
    opacity: 0;
  }
  /*......*/
}
@media (max-width: 980px) {
  .CardCalendario p.Duracion strong {
    display: block;
  }
}
@media (max-width: 840px) {
  .CardCalendario .Info > * {
    flex: 1 1 100%;
  }
  .CardCalendario p.Hora {
    flex: 0 0 auto;
  }
  .CardCalendario p.Tag {
    padding: 0.25em 0.5em;
  }
  .CardCalendario .Acciones a {
    display: block;
    width: 10em;
    margin-bottom: 0.5em;
  }
}
@media (max-width: 700px) {
  .CardItem td[data-info=miniatura] {
    flex: 0 0 10em;
    padding-bottom: 0;
  }
  .CardItem td[data-info=descripcion] {
    flex: 1 1 100%;
  }
  .CardItem td[data-info=cantidad] {
    flex: 0 0 5em;
    margin-right: 1em;
  }
  .CardItem td[data-info=cantidad] select {
    font-size: 1.3em;
    padding: 0.25em;
  }
  .CardItem td[data-info=precio] {
    flex: 1;
    padding: 0.25em 0;
  }
  .CardItem td[data-info=precio] p {
    font-size: 1.3em;
  }
  .CardItem td[data-info=cerrar] {
    position: absolute;
    top: 1em;
    right: 0;
  }
}
@media (max-width: 600px) {
  .CardCalendario .Info {
    flex: 1 1 100%;
  }
  .CardCalendario p.Hora {
    flex: 1;
  }
  .CardCalendario p.Tag {
    margin: 0;
  }
  .CardCalendario .Acciones {
    flex: 1 1 100%;
    margin-top: 1.5em;
  }
  .CardCalendario .Acciones a {
    width: 100%;
  }
  .CardCalendario p.Mensaje {
    text-align: center;
  }
}
/*COMP BANNERS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  .Banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .Banner p.TxtBanner {
    flex: 1;
    font-size: 1.5em;
    color: #ffffff;
    text-align: center;
  }
  /*tarifa*/
  a[data-banner=tarifa] {
    padding: 2em;
    background: url("../imagenes/internas/banner-tarifa.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  /*giftcards*/
  a[data-banner=giftcard] {
    padding: 1em;
    background-color: #000000;
  }
  a[data-banner=giftcard] .HaloGift {
    width: 100%;
    height: 100%;
    padding: 2em;
    border: 2px solid #F38D39;
    background: url("../imagenes/internas/banner-gift-card.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  a[data-banner=giftcard] .Adornos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("../imagenes/internas/ribbon.svg") no-repeat 2% 6%, url("../imagenes/internas/corner-1.svg") no-repeat 0 0, url("../imagenes/internas/corner-2.svg") no-repeat 100% 0, url("../imagenes/internas/corner-3.svg") no-repeat 0 100%, url("../imagenes/internas/corner-4.svg") no-repeat 100% 100%;
  }
  /*el encuentro*/
  a[data-banner=el-encuentro] {
    padding: 2em;
    background: url("../imagenes/internas/banner-el-encuentro.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  a[data-banner=el-encuentro] span {
    flex: 0 0 10em;
  }
  a[data-banner=el-encuentro] img {
    max-width: 100%;
    display: block;
  }
  a[data-banner=el-encuentro] p.TxtBanner {
    text-align: left;
    margin: 0 2em;
  }
  a[data-banner=el-encuentro] p.LinkTagSecondary {
    flex: 0 0 auto;
    text-align: center;
  }
}
@media (max-width: 700px) {
  a[data-banner=giftcard] .HaloGift {
    padding-left: 1em;
    padding-right: 1em;
  }
  a[data-banner=el-encuentro] {
    display: block;
  }
  a[data-banner=el-encuentro] span {
    width: 100%;
    display: block;
    text-align: center;
  }
  a[data-banner=el-encuentro] img {
    width: 10em;
    margin: 0 auto;
  }
  a[data-banner=el-encuentro] p.TxtBanner {
    width: 100%;
    display: block;
    text-align: center;
    margin: 1em 0;
  }
  a[data-banner=el-encuentro] p.LinkTagSecondary {
    display: block;
    width: 100%;
  }
}
/*COMP SLIDER::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  .slide {
    position: relative;
    overflow: hidden;
  }
  .slide .NavArrow {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 0;
    margin-top: -1.25em;
    width: 100%;
  }
  .slide .NavArrow a {
    cursor: pointer;
    display: block;
    width: 2.5em;
    height: 2.5em;
  }
  .slide .NavArrow a.Prev {
    float: left;
    margin-left: 1em;
    background: url("../imagenes/arrow-left.svg") no-repeat 50% 50%;
    background-size: 1.5em auto;
  }
  .slide .NavArrow a.Next {
    float: right;
    margin-right: 1em;
    background: url("../imagenes/arrow-right.svg") no-repeat 50% 50%;
    background-size: 1.5em auto;
  }
  .slide .SlideItems {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .slice {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
  }
  .slice:last-child {
    position: relative;
  }
  .slice img {
    max-width: 100%;
    display: block;
  }
  .slide .NavBullets {
    position: absolute;
    z-index: 200;
    width: 100%;
    left: 0;
    bottom: 2.5em;
    text-align: center;
  }
  .slide .NavBullets ul {
    list-style: none;
    margin: 0 auto;
  }
  .slide .NavBullets li {
    display: inline-block;
    vertical-align: middle;
    width: 0.7em;
    height: 0.7em;
    margin: 0 0.5em;
    background-color: #949494;
    border-radius: 50%;
    cursor: pointer;
    transition: color 0.5s ease-in-out;
  }
  /*select*/
  .slice.select {
    opacity: 1;
    visibility: visible;
  }
  .slide .NavBullets li.select {
    background-color: #7D44B6;
    cursor: default;
  }
  /*......*/
}
@media (hover: hover) and (pointer: fine) {
  .slide .NavBullets li:not(.select):hover {
    background-color: #333333;
  }
}
/*COMP MODAL :::::::::::::::::::::::::::::::::*/
@media screen {
  .Modal {
    position: fixed;
    z-index: 9995;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 2.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    -webkit-overflow-scrolling: touch;
  }
  .Mobile .Modal {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ContentModal {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 62em;
    text-align: left;
    background-color: #ffffff;
    border-radius: 0.06em;
    transform: translateY(-1.25em);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0.15s;
  }
  .Modal a.cerrarx {
    position: absolute;
    z-index: 100;
    display: block !important;
    top: 2em;
    right: 2em;
  }
  /*modal general*/
  #ContentModalGeneral {
    text-align: center;
    padding: 2em;
  }
  #ContentModalGeneral p {
    font-size: 1.5em;
  }
  /*modal galeria home*/
  #SlideGaleria.slide {
    position: initial;
  }
  #SlideGaleria .SlideItems {
    width: 90vw;
    height: 85vh;
  }
  #SlideGaleria .slice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  #SlideGaleria .slice:last-child {
    position: initial;
  }
  #SlideGaleria .slice img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
  }
  /*modal clases*/
  #ContentModalClases {
    background-color: #ffffff;
  }
  #TopClases {
    padding: 1.5em 2em;
  }
  #TopClases p {
    font-size: 1em;
  }
  #TopClases strong {
    font-size: 1.5em;
    display: block;
  }
  #BottomClases {
    margin-top: 1em;
    padding: 2em 1.5em 2em 1.5em;
    text-align: center;
    border-top: 0.06em solid #f2f2f2;
  }
  #BottomClases a {
    display: block;
    margin: 0 auto;
  }
  /*modals*/
  body[class*=modal] {
    overflow: hidden;
  }
  .modalgeneral #ModalGeneral,
  .modalgaleria #ModalGaleria,
  .modalclases #ModalClases {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  .modalgeneral #ContentModalGeneral,
  .modalclases #ContentModalClases {
    transform: translateY(0);
  }
  /*modal galeria fotos*/
  .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/arrow-left.svg") no-repeat 50% 50%;
    background-size: 100% auto;
  }
  .NavArrow a.Next {
    float: right;
    margin-right: 1em;
    background: url("../imagenes/arrow-right.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;
    transform: translate(-50%, -50%);
  }
  /*modalfotos */
  .modalfotos #ModalGaleria {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  .modalfotos #ModalGaleria .ContentFotos {
    opacity: 1;
  }
  /*select*/
  #ModalGaleria .ContentFotos figure.select {
    position: relative;
    opacity: 1;
  }
  /*.....*/
}
@media (max-width: 500px) {
  .Modal .NavArrow {
    top: auto;
    bottom: 1em;
    display: flex;
    justify-content: center;
  }
  .Modal .NavArrow a {
    float: none;
    margin: 0 1em;
  }
}
/*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;
  }
  #ContentRespuesta {
    text-align: center;
  }
  #ContentRespuesta figure {
    margin: 0 auto;
  }
  #ContentRespuesta h1 {
    display: block;
    text-align: center;
    margin: 0.5em 0 0.25em 0;
  }
  #ContentRespuesta h2 {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
  }
  #ContentRespuesta a {
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  #ContentRespuesta h1 span {
    display: block;
  }
}
/*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 10em;
    display: flex;
  }
  #Logo a {
    display: block;
  }
  #Logo h1 {
    display: flex;
    align-items: center;
  }
  #Logo img {
    max-width: 100%;
    display: block;
  }
  #Menus {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #MenuGeneral {
    display: flex;
  }
  #MenuGeneral > li {
    position: relative;
    margin: 0 0.5em;
    padding: 0.5em 1em;
  }
  #MenuGeneral > li a {
    font-size: 1.3em;
    display: block;
    color: #ffffff;
    transition: color 0.3s ease-in-out;
  }
  #MenuGeneral > li > ul a {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  #MenuGeneral a.select {
    color: #F38D39;
  }
  #Iso {
    display: none;
  }
  #MenuSecundario {
    flex: 0 0 8em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  /*Panel Mi Carrito*/
  #MiCarrito {
    position: relative;
    flex: 1;
    text-align: left;
  }
  a#BtnListaCarrito {
    position: relative;
    display: block;
    width: 2em;
    height: 2.3em;
    background: url("../imagenes/carrito.svg") no-repeat 50% 50%;
    background-size: 1.7em auto;
    transition: opacity 0.3s ease-in-out;
  }
  #FormCarrito {
    width: 100%;
    height: 100%;
    display: flex;
  }
  #BtnListaCarrito input {
    min-width: 0;
    pointer-events: none;
  }
  #Bag {
    flex: 0 0 1.5em;
    height: 1.5em;
    text-align: left;
  }
  input#cantidad-items {
    font: normal 14px "Poppins-semibold", Arial, Helvetica, sans-serif;
    width: 2em;
    text-align: center;
    color: #ffffff;
    background-color: #AA6328;
    border-radius: 3em;
    border: none;
    padding: 0.2em;
    transform-origin: 0 0;
    transform: translate(1.5em, -3px);
  }
  #PanelCarrito {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    width: 20em;
    height: 100vh;
    padding: 4em 1em 2em 1em;
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    transform: translateX(20em);
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #TopCarrito {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  #TopCarrito p {
    flex: 1;
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    text-align: left;
  }
  #TopCarrito p strong {
    margin-right: 0.5em;
  }
  #TopCarrito a {
    flex: 0 0 2em;
  }
  #BottomCarrito {
    flex: 1;
  }
  /*Vacio*/
  #CarritoVacio {
    width: 100%;
    height: 100%;
    padding: 0 1em;
    justify-content: center;
    align-items: center;
  }
  #CarritoVacio p {
    width: 100%;
    font-size: 1.5em;
    color: #949494;
    text-align: center;
  }
  /*Lleno*/
  #CarritoLleno {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  #ScrollQuick {
    flex: 0 0 auto;
    max-height: 52vh;
    position: relative;
    overflow: auto;
    width: 100%;
  }
  #CarritoLleno ul {
    margin: 1em 0;
  }
  a#BtnMiCarrito {
    flex: 0 0 auto;
    display: block;
  }
  #BarraCheckOut {
    flex: 0 0 auto;
    margin-top: auto;
    display: flex;
    width: 100%;
    padding: 1em;
    background-color: #F38D39;
  }
  #BarraCheckOut a {
    display: flex;
    align-items: center;
    width: 100%;
    color: #000000;
  }
  #BarraCheckOut p {
    flex: 0 0 auto;
    font-size: 1.3em;
  }
  p#PrecioCheckOut {
    flex: 1;
    color: #ffffff;
    text-align: right;
  }
  /*carritomode*/
  .carritomode #PanelCarrito {
    transform: translateX(0);
  }
  /*...*/
  /*Panel Login*/
  #Login {
    position: relative;
    flex: 1;
  }
  #AccesosLogin {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #AccesosLogin a {
    flex: 0 0 auto;
    color: #ffffff;
  }
  #AccesosLogin a#BtnRegistro {
    margin-right: 2em;
  }
  #AccesosLogin a#BtnLogin,
  #AccesosLogin a#BtnPerfil {
    flex: 0 0 2.3em;
    height: 2.3em;
    background: url("../imagenes/perfil.svg") no-repeat 50% 50%;
    background-size: 1.2em auto;
    border: 0.06em solid #737373;
    border-radius: 50%;
  }
  #AccesosLogin #BtnRegistro {
    display: none;
  }
  #MenuSecundario .DownPanel {
    position: fixed;
    overflow: hidden;
    z-index: 9910;
    width: 100%;
    height: 0;
    max-height: none;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    background-color: #000000;
    transition: height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #Login a.cerrarx {
    display: block;
    position: absolute;
    top: 1em;
    right: 1.5em;
  }
  #PanelLogin {
    top: 0;
    left: 0;
  }
  #LogAbierto {
    background-color: #ffffff;
    border-top: 0.25em solid #7D44B6;
    padding: 3em 1.5em;
    text-align: center;
  }
  #FormPerfil {
    width: 100%;
    padding: 0;
  }
  p.TxtHola {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  p.NombreLog {
    font-size: 2.25em;
    display: block;
    margin: 0 0 0.5em 0;
  }
  a#BtnMisDatos {
    display: inline-block;
    margin: 0.5em 0 1em 0;
  }
  #AccionesCarrito {
    display: block;
    margin: 0 0 0.5em 0;
    padding-top: 1em;
    border-top: 0.06em solid #949494;
  }
  #BtnCerrarSesion {
    display: block;
    margin: 0 auto;
    font-size: 0.9em;
    color: #333333;
    cursor: pointer;
    background: none;
    border: none;
  }
  /*loginmode*/
  .loginmode #MenuSecundario .DownPanel {
    height: 100%;
    max-height: none;
  }
  /*....*/
  /*select*/
  #MenuGeneral > li.select a {
    color: #F38D39;
  }
  /*loginmode*/
  #AccesosLogin a#BtnPerfil {
    border-color: #AA6328;
  }
  #Home #Logo {
    flex: 0 0 12em;
  }
  #Home #Logo a {
    display: none;
  }
  #Home #MenuGeneral > li#btn-home {
    display: none;
  }
  /*INTERNAS*/
  div[data-rel=interna] header.primary {
    position: relative;
    background-color: #000000;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  div[data-rel=interna] #Logo {
    flex: 0 0 5em;
  }
  div[data-rel=interna] #MenuGeneral > li a {
    font-size: 1em;
  }
}
@media (hover: hover) and (pointer: fine) {
  #MenuGeneral > li:not(.select) a:hover {
    color: #8C8B85 !important;
  }
  #AccesosLogin a#BtnPerfil:hover {
    background-color: #000000;
  }
  a#BtnListaCarrito:hover {
    opacity: 0.7;
  }
  #CarritoLleno li.hover {
    opacity: 0.5;
  }
  #CarritoLleno li.hover p {
    text-decoration: line-through;
  }
}
@media (max-width: 1600px) {
  /*Home*/
  #Home #Logo {
    flex: 0;
  }
}
@media (max-width: 1500px) {
  #Menus {
    justify-content: flex-start;
  }
  #MenuGeneral > li a {
    font-size: 1em;
  }
  #MenuGeneral > li ul {
    top: 2.6em;
  }
}
@media (min-width: 1200px) {
  /*submenu desktop*/
  #MenuGeneral > li ul {
    position: absolute;
    overflow: hidden;
    top: 3em;
    left: 0;
    text-align: left;
    width: 100%;
    max-height: 0;
    background-color: #000000;
    transition: max-height 0.3s ease-in-out;
  }
  #MenuGeneral > li ul li {
    display: block;
  }
  #MenuGeneral > li ul li a {
    padding: 0.5em 1em;
    margin-bottom: 0.7em;
    line-height: 1em !important;
  }
  /*open*/
  /*#MenuGeneral > li.open { background-color:$dark !important; }
  #MenuGeneral > li.open > a { color:#8C8B85 !important; cursor: default !important;}
  #MenuGeneral > li.open ul { max-height: 10em;}*/
  /*.....*/
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  #MenuGeneral > li#btn-clases:hover {
    background-color: #000000 !important;
  }
  #MenuGeneral > li#btn-clases:hover > a {
    color: #8C8B85 !important;
  }
  #MenuGeneral > li#btn-clases:hover ul {
    max-height: 10em;
  }
}
@media (max-width: 1200px) {
  header.primary {
    padding-top: 1em;
  }
  a#BtnMenuMobile {
    display: block;
    position: absolute;
    z-index: 9900;
    top: 1em;
    left: 3em;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    background: url("../imagenes/icono-menu-open-blanco.svg") no-repeat 50% 50%, url("../imagenes/icono-menu-close-blanco.svg") no-repeat 50% 200px;
  }
  #Home #Logo {
    display: none;
  }
  #MenuGeneral {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    height: 0;
    padding: 0;
    background-color: #000000;
    transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral > li {
    width: 100%;
    flex: 1 1 100%;
    height: auto;
    margin: 0;
    padding: 0.7em 0;
    text-align: center;
    opacity: 0;
    transform: translateY(3em);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s ease-in-out, padding 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral > li#Iso {
    width: 100%;
    display: block;
    text-align: center;
  }
  #MenuGeneral > li#Iso img {
    width: 6em;
    display: block;
    margin: 0 auto 0.5em auto;
  }
  #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:nth-of-type(5) {
    transition-delay: 0.5s;
  }
  #MenuGeneral > li:nth-of-type(6) {
    transition-delay: 0.75s;
  }
  #MenuGeneral > li > a {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    padding: 0 1em;
  }
  #MenuGeneral > li ul {
    text-align: center;
    margin-top: 0.5em;
  }
  #MenuGeneral > li ul li {
    margin: 1em 0;
  }
  #MenuGeneral > li ul a {
    font-size: 1.3em;
  }
  /*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);
  }
  /*........*/
  /*INTERNA*/
  div[data-rel=interna] header.primary {
    padding-left: 2em;
    padding-right: 2em;
  }
  div[data-rel=interna] a#BtnMenuMobile {
    left: 2em;
  }
  div[data-rel=interna] #Logo {
    margin-left: 3em;
  }
  div[data-rel=interna] #MenuGeneral > li a {
    font-size: 1.5em;
  }
}
@media (max-width: 750px) {
  #PanelCarrito {
    display: none;
  }
}
@media (max-width: 500px) {
  header.primary {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  a#BtnMenuMobile {
    left: 1.5em;
  }
  p.NombreLog {
    font-size: 6vw;
  }
  /*INTERNAS*/
  div[data-rel=interna] a#BtnMenuMobile {
    left: 1em;
  }
  div[data-rel=interna] #Logo {
    margin-left: 2em;
  }
}
/*HOME :::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  /*Hero*/
  #VideoHome {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh; /*max-height: 58em;*/
  }
  #VideoHome video {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #Caratula {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #Caratula > img {
    max-width: 35em;
  }
  #TopSocial {
    position: absolute;
    z-index: 50;
    right: 3em;
    top: 50%;
    transform: translateY(-50%);
  }
  #BarraEventos {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
    transition: background 0.3s ease-in-out;
  }
  #TituloBarraEventos {
    position: relative;
    overflow: hidden;
    height: 2em;
    color: #ffffff;
    margin: 0 auto 0.5em auto;
    transform-origin: 50% 100%;
    transition: height 0.3s ease-in-out;
  }
  #SlideEventos {
    display: flex;
    padding: 1em 0;
    text-align: left;
    border-top: 0.06em solid #7D44B6;
  }
  .CardEvento {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 4em;
  }
  .CardEvento {
    border-right: 0.06em solid #251137;
  }
  .CardEvento figure {
    flex: 0 0 3em;
    align-self: center;
    margin-right: 1em;
  }
  .CardEvento figure img {
    max-width: 100%;
    display: block;
  }
  .CardEvento div {
    flex: 1;
    padding-right: 0.5em;
  }
  p.NombreEvento {
    font-size: 1.3em;
    color: #B360FF;
  }
  p.DescripcionEvento {
    position: relative;
    overflow: hidden;
    max-height: 20em;
    font-size: 1em;
    color: #ffffff;
    transition: max-height 0.3s ease-in-out;
  }
  .CardEvento a {
    flex: 0 0 auto;
    align-self: center;
  }
  /*rollmode*/
  #BarraEventos.rollmode {
    background: rgba(0, 0, 0, 0.9);
  }
  #BarraEventos.rollmode #TituloBarraEventos {
    height: 0;
    margin: 0;
  }
  /*........*/
  /*Intro*/
  #Intro {
    text-align: center;
    padding: 7em 0;
    background-color: #ffffff;
  }
  #Intro header {
    margin-bottom: 1em;
  }
  #Intro h2 {
    font-size: 2.25em;
    margin: 0.5em 0 0.25em 0;
  }
  #Intro h3 {
    font-size: 1.5em;
  }
  #Intro footer {
    margin: 0 auto;
  }
  #Intro footer p {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
  }
  #Intro a {
    margin-top: 1em;
  }
  /*Clases*/
  #AccesoClases {
    padding: 10em 0 10em 0;
    background: url("../imagenes/fondo-clases.jpg") no-repeat 50% 0;
    background-size: cover;
  }
  #TopClases {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #TopClases figure {
    flex: 1.3;
    text-align: right;
  }
  #TopClases img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    mix-blend-mode: overlay;
  }
  #TopClases > div {
    flex: 2;
    padding-left: 4em;
  }
  #TopClases h2 {
    font-size: 2.25em;
    color: #ffffff;
    margin-bottom: 0.25em;
  }
  #TopClases h3 {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.8em;
    color: #ffffff;
    margin-bottom: 0.25em;
  }
  #NavClases {
    margin-top: 2.5em;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #NavClases a {
    flex: 1;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em 2em;
    color: #F38D39;
    background: #000000 url("../imagenes/arrow-right.svg") no-repeat 95% 50%;
    transition: background-color 0.3s ease-in-out;
  }
  #NavClases a#BtnCalendario {
    border-left: 0.12em solid #622d25;
    border-right: 0.12em solid #4c253c;
  }
  #NavClases img {
    flex: 0 0 auto;
  }
  #NavClases p {
    flex: 1;
    font-size: 1.3em;
    padding-left: 1em;
  }
  #BannerTCLA {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0.5em;
    padding: 2em 1em;
    background: rgba(0, 0, 0, 0.9);
    transition: background-color 0.3s ease-in-out;
  }
  #BannerTCLA img {
    flex: 0 0 6.5em;
    width: 6.5em;
    margin-right: 2em;
  }
  #BannerTCLA p {
    flex: 0 0 auto;
    color: #ffffff;
    line-height: 1.5em;
  }
  /*Breack*/
  #VisualBreakBA {
    padding: 5em 0 6em 0;
    text-align: center;
    background: #ffffff url("../imagenes/buenos-aires.svg") no-repeat 50% 100%;
    background-size: 12em auto;
  }
  #VisualBreakBA p {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #707070;
  }
  /*El encuentro*/
  #AccesoElEncuentro {
    padding: 12em 0 12em 0;
    background: #000000 url("../imagenes/fondo-saturday.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #ContentAccesoElEncuentro header {
    display: block;
  }
  #ContentAccesoElEncuentro header img {
    max-width: 100%;
    display: block;
  }
  #InfoElEncuentro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #InfoElEncuentro figure {
    flex: 1.15;
    padding: 0 2.5em;
  }
  #InfoElEncuentro figure img {
    max-width: 100%;
    display: block;
  }
  #InfoElEncuentro div {
    flex: 2;
  }
  #InfoElEncuentro h3 {
    font-size: 1.5em;
    margin-bottom: 0.25em;
    color: #ffffff;
  }
  #InfoElEncuentro h4 {
    font-size: 1em;
    margin-bottom: 1em;
    color: #ffffff;
  }
  a#BtnElEncuentro {
    display: inline-block;
    font-size: 1em;
    color: #000000;
    padding: 0.5em 2em 0.5em 4em;
    border: 0.06em solid #F38D39;
    background: #F38D39 url("../imagenes/star.svg") no-repeat 1em 50%;
    background-size: 2em auto;
    transition: background-color 0.3s ease-in-out;
  }
  /*Estudio rental*/
  #AccesoStudioRental {
    padding: 3em 0;
    background-color: #ffffff;
  }
  #DataStudio {
    display: block;
    padding-right: 1.5em;
  }
  #TituloStudio {
    font-size: 3.3em;
    color: #F38D39;
  }
  #TituloStudio strong {
    font-family: "Poppins-bold", Arial, Helvetica, sans-serif;
  }
  #TituloStudio span {
    color: #7D44B6;
  }
  #PieStudio {
    width: 100%;
    max-width: 40em;
  }
  #DestacadoParking {
    display: flex;
    align-items: center;
    background-color: #000000;
    padding: 1em;
    border: 0.06em solid #7D44B6;
    margin-top: 1em;
    margin-right: 1em;
  }
  #DestacadoParking figure {
    flex: 0 0 2em;
    margin-right: 1em;
  }
  #DestacadoParking figure img {
    max-width: 100%;
    display: block;
  }
  #DestacadoParking div {
    flex: 0 0 auto;
  }
  #DestacadoParking p {
    display: block;
    font-size: 1em;
    color: #ffffff;
  }
  #DestacadoParking strong {
    color: #B360FF;
  }
  #AccionesStudio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1em;
  }
  #AccionesStudio a {
    flex: 1;
    margin-right: 1em;
  }
  /*Galeria fotos*/
  #QuickGallery {
    padding: 5em 0;
    text-align: center;
  }
  #QuickGallery p {
    font-size: 1.5em;
    color: #ffffff;
    text-align: left;
  }
  #Gallery {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5em;
  }
  #Gallery > div {
    display: flex;
    flex-wrap: wrap;
  }
  .col-50 {
    flex: 2;
  }
  .col-25 {
    flex: 1;
  }
  .thumb {
    flex: 1;
    border: 2px solid #000;
  }
  .thumb.full {
    flex: 1 1 100%;
  }
  .thumb a {
    display: block;
  }
  .thumb img {
    max-width: 100%;
    display: block;
  }
  /*Desktop*/
  .Desktop .thumb a:hover {
    outline: 0.06em solid #F38D39;
  }
  /*.......*/
  /*Testimonios*/
  #AccesoTestimonios {
    text-align: center;
    margin-bottom: 6em;
  }
  #AccesoTestimonios * {
    color: #ffffff;
  }
  #AccesoTestimonios header {
    margin-bottom: 1em;
  }
  #AccesoTestimonios h2 {
    font-size: 1.5em;
  }
  #SlideTestimonios blockquote {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2.5em 1.5em;
    border-top: 0.06em solid #707070;
  }
  #SlideTestimonios h4 {
    display: block;
    text-align: right;
    padding: 0 3em;
    border-top: 0.06em solid #707070;
  }
  #SlideTestimonios cite {
    font-family: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
    display: inline-block;
    padding-top: 2em;
    background: url("../imagenes/punta-globo.svg") no-repeat 50% 0;
    transform: translateY(-0.1em);
  }
  /*Newsletter*/
  #AccesoNewsletter {
    padding: 3em 0;
    background: #683A95 url("../imagenes/fondo-news.jpg") no-repeat 0 0;
  }
  #ContentAccesoNewsletter {
    display: flex;
    justify-content: flex-end;
  }
  #FormNewsletter p {
    font: normal 3.75em "Limelight", Arial, Helvetica, sans-serif;
    line-height: 0.7em !important;
    color: #ffffff;
  }
  #FormNewsletter form {
    display: flex;
  }
  #FormNewsletter form div {
    flex: 1;
    width: auto;
  }
  #FormNewsletter form div:first-child {
    border-right: 0.06em solid #b8b8b8;
  }
  #FormNewsletter .AccionesForm {
    flex: 0 0 auto;
  }
  #FormNewsletter input {
    margin-bottom: 0 !important;
    padding: 1em !important;
    border: none;
  }
  #FormNewsletter input[type=submit] {
    height: 100%;
  }
  /*Mapa*/
  #Localizacion {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #Direccion {
    flex: 0 0 45em;
    padding: 8em 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #Direccion > div {
    text-align: center;
  }
  #Direccion figure {
    width: 5em;
    margin: 0 auto 1.5em auto;
  }
  #Direccion img {
    max-width: 100%;
    display: block;
  }
  #Direccion address {
    font-size: 2.25em;
    font-style: normal;
    color: #ffffff;
    margin-bottom: 0.5em;
  }
  #Direccion a.BtnMail {
    font-size: 1.5em;
    display: block;
    color: #F38D39;
    margin: 1.5em 0 1em 0;
  }
  #Direccion a.BtnPhone {
    font-size: 1.3em;
    display: inline-block;
    padding: 0.5em;
    margin: 0.5em 0 0 0;
    color: #ffffff;
    border: 0.06em solid #707070;
  }
  /*Desktop*/
  .Desktop a.BtnMail:hover {
    color: #ffffff !important;
  }
  .Desktop a.BtnPhone:hover {
    color: #F38D39 !important;
    border-color: #F38D39 !important;
  }
  /*.......*/
  #Mapa {
    flex: 1;
    border: 1em solid #000000;
  }
  #LoaderMapa {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #LoaderMapa iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #QuickContact {
    background: #000000 url("../imagenes/fondo-quickcontact.jpg") no-repeat 0 0;
    background-size: 50% auto;
  }
  #ContentQuickContact {
    display: flex;
    flex-wrap: wrap;
  }
  #DataForm {
    flex: 0 0 45em;
    display: flex;
    justify-content: flex-end;
  }
  #DataForm > div {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    max-width: 25em;
    padding: 5em 2em 5em 0;
  }
  p#TituloForm {
    flex: 1;
    font-size: 2.25em;
    color: #ffffff;
  }
  #DataForm div {
    flex: 0 0 auto;
  }
  #PieDataForm p {
    font: "Poppins-light", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
  }
  #DataForm a.BtnMail {
    font-size: 1em;
    display: block;
    color: #F38D39;
  }
  #QuickForm {
    flex: 1;
    background: #000000;
    padding: 5em 3em;
  }
  #ContentQuickForm {
    width: 100%;
    max-width: 50em;
  }
}
@media (hover: hover) and (pointer: fine) {
  #BannerTCLA:hover,
  #NavClases a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  a#BtnElEncuentro:hover {
    background-color: #000000;
    color: #ffffff;
  }
}
@media (max-width: 1600px) {
  /*rollmode*/
  #BarraEventos.rollmode p.DescripcionEvento {
    max-height: 0;
  }
  /*........*/
}
@media (max-width: 1500px) {
  #Caratula > img {
    max-width: 23em;
  }
}
@media (max-width: 1470px) {
  .CardEvento figure {
    display: none;
  }
  #Direccion {
    flex: 1;
  }
  #QuickContact {
    background-size: auto 100%;
  }
  #DataForm {
    flex: 1;
  }
}
@media (max-width: 1300px) {
  #AccesoClases {
    padding-right: 4em;
    padding-left: 4em;
  }
  #ContentAccesoClases header {
    padding: 0;
  }
  #AccesoElEncuentro {
    padding-right: 4em;
    padding-left: 4em;
  }
  #AccesoTestimonios {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  #SlideTestimonios {
    max-width: 56em;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  #Caratula > img {
    transform: translateY(-2em);
  }
  #AccesoClases {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  #ContentAccesoClases header {
    display: none;
  }
  #TopClases > div {
    padding-left: 0;
  }
  #ContentNavClases {
    padding: 0;
  }
  #NavClases {
    margin-top: 2em;
  }
  #NavClases a {
    flex: 1 1 100%;
  }
  #NavClases a:not(:last-child) {
    border-bottom: 0.06em solid #333333;
  }
  #NavClases a#BtnCalendario {
    border-left: none;
    border-right: none;
  }
}
@media (max-width: 950px) {
  #Intro {
    padding: 3.5em 0;
  }
  #Intro br {
    display: none;
  }
  #AccesoElEncuentro {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  #InfoElEncuentro figure {
    display: none;
  }
  #InfoElEncuentro div {
    flex: 1;
    margin-top: 1em;
  }
  #BannerTCLA p {
    flex: 1;
  }
  #ContentAccesoStudioRental {
    display: block;
  }
  #DataStudio {
    padding-right: 0;
  }
  #TituloStudio {
    line-height: 1em;
    margin-bottom: 0.25em;
    text-align: center;
  }
  #IntroStudio {
    text-align: center;
  }
  #PieStudio {
    max-width: none;
  }
  #DestacadoParking {
    justify-content: center;
  }
  #AccionesStudio {
    justify-content: center;
    margin-top: 1.5em;
  }
  #FormNewsletter p {
    font-size: 2.25em;
  }
  #Direccion {
    order: 2;
    flex: 1 1 100%;
    padding: 3em 1em;
  }
  #Mapa {
    order: 1;
    flex: 1 1 100%;
    height: 20em;
  }
  #QuickContact {
    background-image: none;
    background-color: #333333;
  }
  #ContentQuickContact {
    padding: 1em;
  }
  #DataForm {
    flex: 1 1 100%;
    padding: 0;
  }
  #DataForm div {
    flex: 1 1 100%;
    padding-top: 2em;
    padding-bottom: 1em;
    max-width: none;
  }
  #DataForm br,
  #PieDataForm {
    display: none;
  }
  #QuickForm {
    flex: 1 1 100%;
    padding: 2.5em 1.5em;
  }
  #ContentQuickForm {
    max-width: none;
  }
}
@media (max-width: 800px) {
  #TopSocial {
    display: none;
  }
  #Caratula > img {
    max-width: 70%;
  }
}
@media (max-width: 700px) {
  #AccesoNewsletter {
    background-size: cover;
  }
  #FormNewsletter form {
    flex-wrap: wrap;
  }
  #FormNewsletter form div {
    flex: 1 1 100% !important;
    margin: 0.25em 0;
  }
}
@media (max-width: 600px) {
  #IntroVideo {
    -o-object-fit: none;
       object-fit: none;
    height: 100%;
  }
  .CardEvento {
    padding: 0 3em;
  }
  .CardEvento div {
    flex: 1 1 100%;
    padding-right: 0;
  }
  .CardEvento a {
    flex: 1 1 100%;
    margin-top: 0.5em;
    align-self: flex-start;
  }
  p.DescripcionEvento {
    display: none;
  }
  #AccesoClases {
    padding-left: 0;
    padding-right: 0;
    background-image: url("../imagenes/fondo-clases-small.jpg");
  }
  #NavClases {
    margin-top: 1.5em;
  }
  #AccesoElEncuentro {
    padding-left: 0;
    padding-right: 0;
  }
  a#BtnElEncuentro {
    font-size: 0.85em;
  }
  #AccesoStudioRental {
    padding: 5em 0;
  }
  #TituloStudio {
    font-size: 2.25em;
    line-height: 1em;
  }
  #DestacadoParking {
    margin-top: 1.5em;
  }
  #DestacadoParking div {
    flex: 1;
  }
  #AccionesStudio a {
    flex: 1 1 100%;
    margin-bottom: 0.5em;
  }
  #FormNewsletter p {
    font-size: 2.25em;
    line-height: 2.5em;
  }
  #FormNewsletter span {
    display: block;
  }
  #AccesoTestimonios header {
    margin-bottom: 0;
  }
  #SlideTestimonios blockquote {
    padding: 1em 0.5em;
    text-align: left;
  }
  #SlideTestimonios h4 {
    padding: 0 0.5em;
  }
}
@media (max-width: 500px) {
  #TituloBarraEventos {
    height: 1.5em;
  }
  p.NombreEvento {
    font-size: 1em;
    line-height: 1.5em !important;
  }
  #Intro h2 {
    font-size: 1.5em;
  }
  #Intro h3 {
    font-size: 1em;
  }
  #Intro footer p {
    display: none;
  }
  #ContentAccesoClases,
  #ContentAccesoClases header {
    text-align: left;
  }
  #AmenitiesStudio li img {
    width: 1.8em;
  }
  #AmenitiesStudio h3 {
    line-height: 1.5em !important;
  }
  #AccesoTestimonios {
    margin-bottom: 3em;
  }
  #AccesoTestimonios header {
    text-align: left;
  }
  #SlideTestimonios blockquote {
    font-size: 0.85em;
  }
  #VisualBreakBA {
    padding-top: 2.5em;
    padding-bottom: 4em;
    background-size: 40% auto;
  }
  #VisualBreakBA br {
    display: none;
  }
  #QuickGallery {
    padding: 2.5em 0 3em 0;
  }
  #Gallery {
    margin-bottom: 1em;
  }
  .col-50 {
    flex: 1 1 100%;
  }
  .col-25 {
    flex: 1 1 50%;
  }
  #AccesoNewsletter {
    background-position: 50% 50%;
  }
  #Direccion address {
    font-size: 1.3em;
  }
  #Direccion a.BtnMail,
  #Direccion a.BtnPhone {
    font-size: 1em;
  }
  #QuickForm {
    padding: 1em;
  }
  #DataForm p {
    font-size: 1.5em;
  }
}
@media screen {
  /*INTERNAS*/
  #PageInterna {
    width: 100%;
    text-align: left;
    background-color: #F6F6F6;
  }
  #PageInterna > header {
    padding-top: 5.5em;
  }
  div[data-header=color] #PageInterna > header {
    background: url("../imagenes/internas/header-tango.jpg") no-repeat 0 0;
    background-size: cover;
  }
  div[data-header=negro] #PageInterna > header {
    background: url("../imagenes/internas/header-tango-negro.jpg") no-repeat 30% 0;
    background-size: cover;
  }
  div[data-header=fundadores] #PageInterna > header {
    background: url("../imagenes/internas/header-tango-fundadores.jpg") no-repeat 30% 0;
    background-size: cover;
  }
  div[data-header=tcla] #PageInterna > header {
    background: url("../imagenes/internas/header-tango-tcla.jpg") no-repeat 30% 0;
    background-size: cover;
  }
  #PageInterna > header h2 {
    font-family: "Poppins-thin", Arial, Helvetica, sans-serif;
    font-size: 5.1em;
    line-height: 0.5em;
    color: #ffffff;
  }
  #PageInterna h2 strong {
    font-size: 2rem !important;
  }
  #MainPageInterna {
    padding-bottom: 4.5em;
  }
  #TopPageInterna {
    padding-top: 2.5em;
  }
  #NavCalenario {
    width: 100%;
  }
  #NavCalenario li {
    text-align: center;
  }
  #NavCalenario a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    font-size: 0.85em;
    line-height: 1.85em;
    padding-bottom: 1em;
    color: #707070;
    border-bottom: 0.25em solid transparent;
  }
  #NavCalenario span {
    display: block;
    text-align: center;
    font-size: 2.25em;
  }
  #NavCalenario .splide__arrow--prev {
    left: 0;
  }
  #NavCalenario .splide__arrow--next {
    right: 0;
  }
  #NavCalenario a.select {
    border-color: #F38D39;
    color: #F38D39;
  }
  #BottomPageInterna {
    padding-top: 3em;
  }
  p#FechaActual {
    font-size: 1em;
    color: #333333;
    display: block;
    padding: 0.25em 0 0.25em 1.5em;
    background: url("../imagenes/internas/ic-date.svg") no-repeat 0 50%;
  }
  #BottomPageInterna .CardCalendario {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  /*banners*/
  #BannersInterna {
    margin: 3em 0 0 0;
  }
  #ContentBannersInterna {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #ContentBannersInterna a {
    flex: 1;
  }
  #ContentBannersInterna .gap {
    flex: 0 0 1em;
  }
  /*barra clases*/
  #ClasesInterna {
    background-color: #000000;
  }
  #ContentClasesInterna {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #ContentClasesInterna > p {
    flex: 0 0 auto;
    padding-right: 2em;
    font-size: 1.5em;
    color: #ffffff;
  }
  #NavClasesInterna {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  #NavClasesInterna a {
    flex: 1;
    display: inline-flex;
    align-items: center;
    padding: 1.5em 2em;
    font-size: 1.3em;
    color: #F38D39;
    background: #000000 url("../imagenes/arrow-right.svg") no-repeat 95% 50%;
    border-right: 0.06em solid #333333;
  }
  #NavClasesInterna a:last-child {
    border: none;
  }
  #NavClasesInterna p {
    margin-left: 1em;
  }
  /*extras*/
  #ExtraPageInterna {
    padding: 4em 0 0 0;
    background-color: #ffffff;
  }
  #TopExtra {
    margin-bottom: 1em;
  }
  #TopExtra p {
    font-size: 1em;
  }
  #TopExtra p.TituloExtra {
    font-size: 1.5em;
  }
  .GrupoCards {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  }
  /*banners extra*/
  #ExtraBannersInterna {
    padding: 3em 0 4em 0;
    background-color: #ffffff;
  }
  #ContentExtraBannersInterna {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #ContentExtraBannersInterna a {
    flex: 1;
  }
}
/*HOVER EFFECTS*/
@media (max-width: 1200px) {
  #ContentClasesInterna {
    flex-direction: column;
  }
  #ContentClasesInterna > p {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 1.5em 0 0.5em 0;
  }
  #NavClasesInterna {
    flex-direction: column;
    width: 100%;
    max-width: 20em;
  }
  #NavClasesInterna a {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 0;
    border-right: none;
  }
}
@media (max-width: 1100px) {
  #PageInterna > header {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #PageInterna > header h2 {
    font-size: 2.25em;
    line-height: 1em;
  }
  #PageInterna > header h2 strong {
    font-size: 2.25em;
  }
  #NavCalenario .splide__arrow--prev {
    left: -1em;
  }
  #NavCalenario .splide__arrow--next {
    right: -1em;
  }
}
@media (max-width: 980px) {
  #ContentBannersInterna a {
    flex: 1 1 100%;
    min-height: 10em;
    margin-bottom: 1em;
  }
  #ContentBannersInterna .gap {
    display: none;
  }
}
@media (max-width: 840px) {
  #TopPageInterna {
    padding-top: 1em;
  }
}
@media (max-width: 700px) {
  #NavCalenario span {
    font-size: 1.5em;
  }
}
@media (max-width: 600px) {
  #ContentBannersInterna {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  #NavClasesInterna a {
    font-size: 1em;
    border-bottom: 0.06em solid #333333;
  }
}
/*MAIN LOG CUENTA*/
/* REGISTRO / LOGIN / RECUPERAR PASS*/
@media screen {
  #PageForm {
    width: 100%;
    padding: 5em 0;
    background-color: #F6F6F6;
  }
  #MainForm {
    width: 100%;
    max-width: 31em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    margin: 0 auto;
    background-color: #ffffff;
    border: 0.06em solid #E3E3E3;
  }
  #TopMainForm {
    text-align: center;
    padding: 0 2em;
  }
  #TopMainForm p {
    font-size: 2.25em;
  }
  #TopForm {
    padding: 1em 2em 0 2em;
  }
  #BottomForm {
    padding: 1em 2em 2.5em 2em;
    background-color: #F5F5F5;
  }
  #ContentMainForm span {
    display: block;
  }
  .AccionesPass {
    padding: 1em 0;
    text-align: center;
  }
  .AccionesPass a {
    font-size: 0.85em;
    color: #707070;
    text-decoration: underline !important;
  }
  #ExtraForm {
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    max-width: 32em;
    margin: 0 auto;
    margin-top: 1em;
  }
  #ExtraForm p {
    flex: 0 0 auto;
    font-size: 0.85em;
  }
  #ExtraForm a {
    flex: 0 0 auto;
    margin-left: 0.5em;
    color: #F38D39;
  }
  /*Registro*/
  #Registro #MainForm {
    padding-bottom: 0;
  }
}
@media (max-width: 600px) {
  #PageForm {
    padding: 0 0 2em 0;
  }
  #PageForm .Viewport {
    padding: 0;
  }
  #MainForm {
    max-width: none;
    border-left: 0;
    border-right: 0;
  }
  #ExtraForm {
    display: block;
    text-align: center;
  }
  #ExtraForm a {
    margin-left: 0;
  }
}
/*MAIN GESTION DE CUENTA*/
/* PERFIL / MIS COMPRAS / MIS CLASES*/
@media screen {
  #MainCuenta {
    display: flex;
  }
  #BarraAuxiliar {
    flex: 0 0 auto;
    padding: 3em;
    background-color: #ffffff;
  }
  #BarraAuxiliar p {
    font-size: 1.5em;
  }
  #NavCuenta {
    display: block;
    padding-top: 1em;
  }
  #NavCuenta a {
    display: block;
    font-size: 1em;
    line-height: 1.3em;
    color: #000000;
    padding: 1em 0 1em 2.5em;
  }
  a#BtnPersonalInformation {
    background: url("../imagenes/internas/ic-perfil.svg") no-repeat 0 50%, url("../imagenes/internas/ic-perfil-active.svg") no-repeat 0 50em;
  }
  a#BtnShoppingList {
    background: url("../imagenes/internas/ic-bag.svg") no-repeat 0 50%, url("../imagenes/internas/ic-bag-active.svg") no-repeat 0 50em;
  }
  a#BtnClasses {
    background: url("../imagenes/internas/ic-calendario.svg") no-repeat 0 50%, url("../imagenes/internas/ic-calendario-active.svg") no-repeat 0 50em;
  }
  #NavCuenta a.select {
    color: #F38D39;
    background-position: 0 50em, 0 50%;
  }
  #ContentCuenta {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 31em;
    background-color: #f2f2f2;
    padding: 3em;
  }
  #TopContentCuenta {
    display: block;
    margin-bottom: 0.5em;
  }
  #TopContentCuenta p {
    font-size: 1.5em;
  }
  /*Personal information*/
  #PersonalInformation #BottomContentCuenta {
    width: 100%;
    max-width: 30em;
    margin: 0 auto;
    background-color: #ffffff;
  }
  #BottomContentCuenta form {
    padding: 1em 0 2em 0;
  }
}
@media (max-width: 1450px) {
  #MainCuenta {
    flex-direction: column;
  }
  #BarraAuxiliar {
    padding: 1em 2em;
  }
  #BarraAuxiliar p {
    display: none;
  }
  #NavCuenta {
    display: flex;
    justify-content: center;
    padding-top: 0;
  }
  #NavCuenta a {
    flex: 0 0 auto;
    margin: 0 2em;
  }
  #ContentCuenta {
    flex: 0 0 auto;
    display: block;
    text-align: center;
    padding: 2em;
  }
  #TopContentCuenta {
    display: none;
  }
}
@media (max-width: 1023px) {
  /*Shopping List*/
  #ShoppingList #ContentCuenta > div {
    width: 100%;
  }
}
@media (max-width: 700px) {
  #BarraAuxiliar {
    padding-left: 0;
    padding-right: 0;
  }
  #NavCuenta a {
    flex: 0 0 5em;
    font-size: 0.85em;
    line-height: 1.2em;
    margin: 0 1.5em;
    padding: 2em 0 0 0;
  }
  #NavCuenta a[id] {
    background-position: 0 0, 0 50em;
  }
  #NavCuenta a[id].select {
    background-position: 0 50em, 0 0;
  }
}
/*MAIN CHECK OUT ::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #TopNav {
    text-align: center;
    margin-bottom: 1.5em;
  }
  .NavSteps {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .NavSteps div:not(.gap) {
    flex: 0 0 2.5em;
    height: 2.5em;
    background: url("../imagenes/internas/check-unactive.svg") no-repeat 50% 50%;
    background-size: 0.75em auto;
  }
  .NavSteps div.gap {
    flex: 1;
    max-width: 5em;
    border-bottom: 0.06em solid #b8b8b8;
  }
  .NavSteps div:not(.gap).select {
    background: url("../imagenes/internas/check-active.svg") no-repeat 50% 50%;
    background-size: 0.75em auto;
  }
  .NavSteps div:not(.gap).cumplido {
    background: url("../imagenes/internas/check-ok.svg") no-repeat 50% 50%;
    background-size: 1.75em auto;
  }
  .NavSteps div.gap.cumplido {
    border-color: #F38D39;
  }
  #MainGroup {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    background-color: #ffffff;
    border: 0.06em solid #E3E3E3;
  }
  #OutDetalle {
    flex: 1;
    padding: 2em;
  }
  p.TituloCheckOut {
    font-size: 2em !important;
  }
  p.SubTituloCheckOut {
    font-size: 1em !important;
    margin-top: 0.5em;
    margin-bottom: 1em;
  }
  #OutValor {
    flex: 0 0 10em;
    display: flex;
    flex-direction: column;
    padding: 2em;
    background-color: #f6f6f6;
  }
  #OutValor #ExtraResumen {
    flex: 1;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  #OutValor #ExtraResumen input[name=submit] {
    flex: 0 0 auto;
  }
  /*Check Registro Rapido*/
  #CheckRegistroRapido #MainForm {
    max-width: 41em;
  }
  /*Check Registro Full*/
  #CheckRegistroCompleto #MainForm {
    padding-bottom: 0;
    max-width: 41em;
  }
  /*Check Order*/
  #OutDetalle {
    padding: 2em;
  }
  #OutDetalle > div:first-child {
    margin-bottom: 1em;
  }
  #OutDetalle #ListaCarrito {
    max-width: 50em;
  }
  #OutDetalle .CardItem td {
    border-width: 0.06em;
  }
  #OutDetalle td[data-info=miniatura] {
    padding-left: 0;
  }
  #OutDetalle td[data-info=cantidad] input {
    font-size: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-bottom: 0;
    border: none !important;
  }
  /*Check Pago*/
  #ListaMediosPago {
    display: block;
  }
  .ModoPago {
    display: flex;
    align-items: center;
    padding: 1.5em;
    border: 0.06em solid #b8b8b8;
  }
  .ModoPago input[type=radio] {
    flex: 0 0 2em;
  }
  .ModoPago label {
    flex: 1;
    display: flex;
    align-items: center;
  }
  .ModoPago span {
    flex: 1;
    font-size: 1.5em;
  }
  .ModoPago img {
    flex: 0 0 auto;
    max-width: 100%;
    display: block;
  }
  /*Check Resumen*/
  #ContentMainResumen {
    padding: 1em 2.5em 1em 2.5em;
  }
  #DetalleResumen {
    margin-bottom: 1em;
  }
  #DetalleResumen div {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.5em 0;
  }
  #DetalleResumen p:first-child {
    flex: 1;
  }
  #DetalleResumen p:last-child {
    flex: 0 0 5em;
    text-align: right;
    font-size: 1.3em;
  }
  #ExtrasResumen {
    padding-top: 1em;
    margin-bottom: 1em;
    border-top: 0.06em solid #b8b8b8;
  }
  #ExtrasResumen div {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.25em 0;
  }
  #ExtrasResumen p:first-child {
    flex: 1;
  }
  #ExtrasResumen p:last-child {
    flex: 0 0 5em;
    text-align: right;
    font-size: 1.3em;
  }
  .FinalResumen {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0.5em 0;
    padding: 1em;
    border: 0.06em solid #b8b8b8;
  }
  .FinalResumen p:first-child {
    flex: 1;
  }
  .FinalResumen p:last-child {
    flex: 0 0 5em;
    text-align: right;
    font-size: 1.3em;
  }
  #BtnCheckPayPal {
    display: block;
    width: 100%;
    height: 4em;
    margin-top: 1em;
    border: none;
    cursor: pointer;
    background: #FFC439 url("../imagenes/internas/paypal-check.svg") no-repeat 50% 50%;
    transition: background-color 0.3s ease-in-out;
  }
  /*Registro*/
  #CheckRegistroCompletoRecordatorio #MainForm {
    padding-bottom: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  #BtnCheckPayPal:hover {
    background-color: #F38D39;
  }
}
@media (max-width: 1300px) {
  #OutDetalle {
    flex: 1 1 100%;
  }
  #OutDetalle #ListaCarrito {
    max-width: none;
  }
  #OutValor {
    flex: 1 1 100%;
  }
}
@media (max-width: 700px) {
  #OutDetalle .CardItem {
    padding: 1em 0;
  }
  #OutDetalle .CardItem:not(:last-child) {
    border-bottom: 0.06em solid #f2f2f2;
  }
  #OutDetalle .CardItem td {
    padding: 0;
  }
  #OutDetalle td[data-info=cantidad] input {
    padding: 0.5em 0;
    font-size: 1.3em;
  }
  #OutDetalle td[data-info=precio] {
    padding: 0.5em 0;
  }
  #OutDetalle td[data-info=precio] p {
    font-size: 1.3em;
  }
}
@media (max-width: 600px) {
  #MainGroup {
    border-left: 0;
    border-right: 0;
  }
  #TopNav {
    padding: 2em 2em 0 2em;
  }
  p.TituloCheckOut {
    font-size: 1.5em !important;
    text-align: center;
  }
  p.TituloCheckOut span {
    font-size: 0;
    display: block;
  }
  p.SubTituloCheckOut {
    font-size: 0.85em !important;
  }
  #OutDetalle {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1em;
  }
  #OutDetalle .CardItem {
    padding: 1em 2em;
  }
  .ModoPago span {
    font-size: 1.3em;
  }
}
/*SOBRE NOSOTROS*/
@media screen {
  #AboutUs #MainPageInterna {
    background: #F6F6F6 url("../imagenes/internas/fondo-fundadores.jpg") no-repeat 50% 0;
  }
  p.SubtituloInterna {
    font-size: 1.3em;
    display: block;
    margin: 0.5em 0;
  }
  #BtnTcla {
    display: flex;
    max-width: 16em;
    align-items: center;
    padding: 1em;
    margin-top: 1.5em;
    background-color: #000000;
  }
  #BtnTcla img {
    flex: 0 0 5em;
    width: 5em;
    margin-right: 1em;
  }
  #BtnTcla p {
    flex: 1 1 auto;
    font-size: 1em;
    color: #ffffff;
  }
  p.txt-general {
    font-size: 1em;
    line-height: 2em;
    display: block;
    margin: 1em 0;
  }
  #NuestrasClases {
    margin-top: 1em;
  }
  #NuestrasClases h4 {
    font-size: 1.5em;
  }
  #ListaClases {
    margin: 2em 0 4em 0;
  }
  #ListaClases ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  #ListaClases li {
    position: relative;
    flex: 0 0 20em;
    height: 10em;
    background: url(../imagenes/internas/fondo-card-clase.png) no-repeat 0 0;
    background-size: 100% auto;
    display: flex;
    align-items: center;
  }
  #ListaClases li > h5 {
    padding: 0 2em 1em 3.8em;
  }
  #ListaClases a {
    display: block;
    width: 100%;
    padding: 0 2em 1em 5.5em;
  }
  #ListaClases a::before {
    content: url(../imagenes/internas/ic-plus.svg);
    position: absolute;
    top: 50%;
    right: 1.5em;
    margin-top: -26px;
    display: block;
  }
  #ListaClases h5,
  #ListaClases p {
    display: inline-block;
    font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    color: #ffffff;
  }
  #BannersSobreNosotros {
    display: flex;
    flex-wrap: wrap;
  }
  #BannerBoda {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3em;
    margin-right: 1em;
    background: url("../imagenes/internas/boda.jpg") no-repeat 50% 50%;
    background-size: cover;
    border: 0.06em solid #b8b8b8;
  }
  #BannerBoda * {
    flex: 0 0 auto;
  }
  #BannerBoda p {
    text-align: center;
    margin: 1em 0;
  }
  #BannerEstudioRental {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 5em 3em 3em 3em;
    margin-left: 1em;
    border: 0.06em solid #b8b8b8;
  }
  #BannerEstudioRental * {
    flex: 0 0 auto;
  }
  #BannerEstudioRental p {
    text-align: center;
    margin: 1em 0;
  }
  #BannerEstudioRental p.TituloBanner {
    margin: 0;
    line-height: 1.2em;
  }
  #BannerEstudioRental p.TituloBanner strong {
    font-family: "Poppins-bold", Arial, Helvetica, sans-serif;
    font-size: 2.25em;
    color: #F38D39;
  }
  #BannerEstudioRental p.TituloBanner span {
    color: #7D44B6;
  }
  .SeparadorFlor {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 4.5em;
    border-top: 0.06em solid #b8b8b8;
  }
  .SeparadorFlor figure {
    position: absolute;
    top: -1.5em;
    left: 50%;
    margin-left: -2.5em;
    width: 5em;
    background-color: #f6f6f6;
  }
  .SeparadorFlor img {
    max-width: 100%;
    display: block;
  }
  #PieSobreNosotros {
    text-align: center;
    padding-top: 2em;
  }
  #PieSobreNosotros p {
    font-size: 1.5em;
  }
  #NuestrasClases,
  #BannersSobreNosotros,
  #AboutUs h3,
  #AboutUs p.txt-general,
  .SeparadorFlor,
  #PieSobreNosotros {
    width: 100%;
    max-width: 64em;
  }
}
/*HOVER EFFECTS*/
@media (max-width: 700px) {
  #BannerBoda,
  #BannerEstudioRental {
    flex: 1 1 100%;
    margin: 0 0 1em 0;
  }
  .SeparadorFlor {
    margin-top: 1em;
  }
}
@media (max-width: 500px) {
  #AboutUs #TopPageInterna {
    padding-top: 2.5em;
  }
  #AboutUs h3#TituloGiftcards {
    font-size: 1em;
  }
  #AboutUs h3#TituloGiftcards strong {
    font-size: 1.5em;
  }
  a#BtnTcla {
    max-width: none;
  }
  #PieSobreNosotros p {
    font-size: 1.3em;
  }
}
/*TCLA*/
@media screen {
  #TCLA #PageInterna h2 {
    display: flex;
    align-items: last baseline;
  }
  #TCLA #PageInterna h2 > * {
    flex: 0 0 auto;
  }
  #TCLA #PageInterna h2 span {
    margin-right: 0.25em;
  }
  #TCLA #MainPageInterna {
    background: #F6F6F6 url("../imagenes/internas/fondo-tcla.jpg") no-repeat 50% 0;
  }
  #IntroTcla,
  #ContentTcla {
    width: 100%;
    max-width: 64em;
  }
  #IntroTcla {
    display: flex;
    align-items: center;
    padding-bottom: 1em;
    border-bottom: 0.06em solid #b8b8b8;
  }
  #IntroTcla figure {
    flex: 0 0 11em;
    margin-right: 1em;
  }
  #IntroTcla figure img {
    max-width: 100%;
    display: block;
  }
  #IntroTcla h3 {
    flex: 1;
  }
  #TCLA h4 {
    font-size: 1.3em;
    margin-bottom: 1em;
  }
  #TCLA p.txt-general {
    margin-bottom: 3.2em;
  }
  #DestacadoTcla {
    margin: 1em 0 2em 0;
  }
  #TopDestacado {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 0.06em solid #7D44B6;
  }
  #TopDestacado p {
    flex: 0 0 auto;
    font-family: "Limelight", Arial, Helvetica, sans-serif;
    color: #7D44B6;
    font-size: 1.3em;
  }
  #TopDestacado p.gap-detacado {
    margin: 0 1em;
  }
  #BottomDestacado {
    display: flex;
  }
  #BottomDestacado p {
    font-family: "Limelight", Arial, Helvetica, sans-serif;
    color: #7D44B6;
    font-size: 4.1em;
  }
  #FirmasFundadores {
    display: flex;
    flex-wrap: wrap;
  }
  #FirmasFundadores figure {
    flex: 0 0 15em;
    margin-right: 1.5em;
  }
  #FirmasFundadores img {
    max-width: 100%;
    display: block;
  }
  #FirmasFundadores p {
    flex: 1 1 100%;
    font-size: 0.85em;
    margin-top: 1em;
  }
  #TCLA #ContentBannersInterna {
    margin-top: 4em;
  }
}
/*HOVER EFFECTS*/
@media (max-width: 1100px) {
  #TCLA #PageInterna h2 br {
    display: none;
  }
}
@media (max-width: 840px) {
  #TCLA #TopPageInterna {
    padding-top: 3em;
  }
  #TopDestacado {
    display: block;
    text-align: center;
  }
  #TopDestacado p,
  #BottomDestacado p {
    text-align: center;
  }
}
@media (max-width: 750px) {
  #TCLA #PageInterna h2,
  #TCLA #PageInterna h2 strong,
  #TCLA #PageInterna h2 br {
    display: block;
  }
}
@media (max-width: 600px) {
  #IntroTcla {
    flex-direction: column;
  }
  #IntroTcla > * {
    flex: 0 0 auto !important;
  }
  #IntroTcla h3 {
    margin-top: 1.5em;
  }
  #TopDestacado {
    padding-bottom: 1em;
  }
  #BottomDestacado {
    padding-top: 1em;
  }
  #BottomDestacado p {
    font-size: 2.25em;
  }
}
/*WHO IS TTR*/
@media screen {
  .PerfilFundador {
    width: 100%;
    max-width: 64em;
    margin-bottom: 5em;
  }
  .PerfilFundador header {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1em;
    align-items: center;
    padding: 0.25em 0;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
  }
  .PerfilFundador header figure {
    flex: 0 0 auto;
  }
  .PerfilFundador h3 {
    flex: 1;
  }
  .PerfilFundador > div {
    margin-top: 1em;
  }
  #ExtraFundadores {
    width: 100%;
    max-width: 64em;
    background-color: #fff;
  }
  #ExtraFundadores #FirmasFundadores {
    padding: 1em;
  }
  #ExtraFundadores img {
    max-width: 100%;
    display: block;
  }
}
@media (max-width: 600px) {
  #WhoisTTR #PageInterna h2 strong {
    display: block;
  }
  .PerfilFundador h3 {
    font-size: 0.85em;
  }
}
/*CALENDARIO:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #Calendario #TopPageInterna {
    background-color: #ffffff;
  }
}
/*DETALLE EVENTOS::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #PageDetalle {
    background-color: #f2f2f2;
  }
  #PageDetalle > header {
    padding: 3em 0;
  }
  #DetalleEvento #PageDetalle > header {
    background: url("../imagenes/internas/header-evento.jpg") no-repeat 100% 50%;
    background-size: cover;
  }
  #ContentHeaderPageDetalle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #InfoDetalle {
    flex: 1;
  }
  #InfoDetalle figure {
    display: block;
    width: 100%;
    max-width: 150px;
  }
  #InfoDetalle figure img {
    display: block;
    max-width: 100%;
  }
  #InfoDetalle div {
    display: block;
  }
  #InfoDetalle h2 {
    font-size: 3.3em;
    line-height: 1.2em;
    color: #ffffff;
  }
  #InfoDetalle h3 {
    font-size: 1.5em;
    color: #ffffff;
  }
  #InfoDetalle .DataEvento {
    display: flex;
    gap: 0 1em;
    flex-wrap: wrap;
  }
  #InfoDetalle p.Fecha {
    display: block;
    font-size: 1em;
    color: #ffffff;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
    background: url("../imagenes/internas/ic-date-blanco.svg") no-repeat 0 0.25em;
    background-size: 0.85em auto;
  }
  #InfoDetalle p.Duracion {
    display: block;
    font-size: 1em;
    color: #ffffff;
    padding-left: 1.5em;
    background: url("../imagenes/internas/ic-time-blanco.svg") no-repeat 0 0.25em;
    background-size: 0.85em auto;
  }
  #AccionesDetalle {
    flex: 0 0 auto;
    max-width: 14em;
  }
  #AccionesDetalle .Precio {
    display: block;
    font-size: 4em;
    color: #F38D39;
    text-align: right;
  }
  #AccionesDetalle a {
    display: block;
    width: 100%;
    max-width: 20em;
    font-size: 1.5em;
  }
  #AccionesDetalle .Mensaje {
    display: block;
    text-align: right;
    font-size: 0.85em;
    color: #ffffff;
    margin-top: 0.5em;
  }
  #MainPageDetalle {
    padding: 3em 0 0 0;
  }
  .ModuloEvento {
    max-width: 60em;
    margin-bottom: 4em;
  }
  .ModuloEvento > p {
    font-size: 1em;
    line-height: 2em;
  }
  .ModuloEvento p.TituloModulo {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1em;
  }
  #EventoPrecio form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 50em;
    margin-bottom: 0.25em;
    background-color: #ffffff;
  }
  #NombreEvento {
    flex: 1;
    padding: 1em 1.5em;
  }
  #NombreEvento p {
    display: block;
    font-size: 1.5em;
  }
  #CantidadEvento {
    flex: 0 0 auto;
    display: flex;
  }
  select#cantidad {
    font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    padding-right: 1em;
  }
  input#valor {
    flex: 0 0 auto;
    width: 3em;
    padding: 0 1.5em 0 0.5em;
    border: none;
    font-family: "Poppins-semibold", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #F38D39;
    text-align: right;
  }
  #AccionesEvento {
    flex: 0 0 10em;
  }
  #AccionesEvento input#comprar {
    width: 100%;
    height: 100%;
  }
  #TopCronograma {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5em 0;
  }
  #TopCronograma p {
    flex: 0 0 auto;
    font-size: 1em;
  }
  #TopCronograma p.Fecha {
    padding-left: 1.5em;
    margin-right: 2em;
    background: url("../imagenes/internas/ic-date.svg") no-repeat 0 0.25em;
    background-size: 0.85em auto;
  }
  #TopCronograma p.Duracion {
    padding-left: 1.5em;
    background: url("../imagenes/internas/ic-time.svg") no-repeat 0 0.25em;
    background-size: 0.85em auto;
  }
  #ListaCronograma {
    margin: 0.5em 0 1em 0;
  }
  #ListaCronograma li {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em;
    margin-bottom: 0.5em;
    background: #ffffff;
  }
  .FechaCronograma {
    flex: 1;
    line-height: 2.3em;
  }
  .FechaCronograma p {
    font-size: 1em;
  }
  .DescripcionCronograma {
    flex: 2;
  }
  .DescripcionCronograma p {
    font-size: 1em;
  }
  .DescripcionCronograma strong {
    font-size: 1.5em;
  }
  #DetalleEvento #BannersInterna {
    margin-bottom: 3em;
  }
  #DetalleEvento a[data-banner=el-encuentro] {
    max-width: 60em;
  }
  #DetalleEvento a[data-banner=giftcard] {
    max-width: 60em;
  }
  /*El encuentro*/
  #DetalleElEncuentro #PageDetalle > header {
    background: url("../imagenes/internas/header-encuentro.jpg") no-repeat 50% 50%;
    background-size: cover;
  }
  #DetalleElEncuentro #MainPageDetalle {
    padding-bottom: 3em;
  }
  #FormasPago {
    margin-top: 2em;
  }
  .NavFormasPago {
    display: flex;
    flex-wrap: wrap;
  }
  .NavFormasPago a {
    flex: 0 0 auto;
    padding: 4em 2em 1em 2em;
    margin: 0.5em 1em 0.5em 0;
    border: 0.06em solid #F38D39;
    text-align: center;
    color: #000000;
  }
  a[title=PayPal] {
    background: #ffffff url("../imagenes/internas/paypal.svg") no-repeat 50% 0;
  }
  a[title=Venmo] {
    background: #ffffff url("../imagenes/internas/venmo.svg") no-repeat 50% 0;
  }
  a[title=Z-Cash] {
    background: #ffffff url("../imagenes/internas/zcash.svg") no-repeat 50% 0;
  }
  .NavFormasPago p {
    font-size: 1em;
  }
}
@media (max-width: 1130px) {
  #InfoDetalle figure {
    flex: 0 0 6.5em;
  }
  #InfoDetalle div {
    flex: 1 1 100%;
    margin: 0;
  }
}
@media (max-width: 750px) {
  #InfoDetalle {
    flex: 1 1 100%;
    margin-bottom: 0.5em;
  }
  #AccionesDetalle {
    flex: 1 1 100%;
  }
  #AccionesDetalle .Precio,
  #AccionesDetalle .Mensaje {
    text-align: left;
  }
}
@media (max-width: 700px) {
  #TopCronograma {
    flex-direction: column;
  }
  #TopCronograma p.Fecha {
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 1em;
  }
  #TopCronograma p.Duracion {
    width: 100%;
    flex: 0 0 auto;
  }
  #TopCronograma p.Duracion strong {
    display: block;
  }
}
@media (max-width: 650px) {
  #EventoPrecio form {
    flex-direction: column;
  }
  #NombreEvento,
  #CantidadEvento,
  #AccionesEvento {
    flex: 0 0 auto;
    width: 100%;
  }
  #CantidadEvento {
    padding: 1em 1.5em;
    border-top: 0.06em solid #f2f2f2;
  }
  #AccionesEvento {
    border-top: 1em solid #f2f2f2;
  }
  #AccionesEvento input {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.3em;
  }
  .NavFormasPago a {
    flex: 1 1 100%;
  }
}
/*GIFTCARDS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #TituloGiftcards {
    font-size: 1.5em;
  }
  #Giftcards #BottomPageInterna {
    padding-top: 1.5em;
  }
  .GrupoCardGift {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  }
}
@media (max-width: 500px) {
  #TituloGiftcards {
    font-size: 1.3em;
  }
}
/*TARIFARIO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #Tarifario #BottomPageInterna {
    padding-top: 1.5em;
  }
  .GrupoTarifario {
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
  }
  #Aclaraciones {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2em;
    padding: 1em;
    border: 0.06em solid #F38D39;
  }
  #Aclaraciones > div {
    flex: 1;
    text-align: center;
  }
  #TiempoVencimiento {
    border-left: 0.06em solid #b8b8b8;
    border-right: 0.06em solid #b8b8b8;
  }
  #Tarifario a[data-banner=giftcard] {
    max-width: 60em;
  }
}
@media (max-width: 800px) {
  #Aclaraciones > div {
    flex: 1 1 100%;
    padding: 1.5em;
  }
  #TiempoVencimiento {
    border-left: 0;
    border-right: 0;
    border-top: 0.06em solid #b8b8b8;
    border-bottom: 0.06em solid #b8b8b8;
  }
  #Aclaraciones > div br {
    display: none;
  }
}
/*ESTUDIO RENTAL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #PageEstudio {
    width: 100%;
    text-align: left;
    background-color: #F6F6F6;
  }
  #PageEstudio > header {
    background: #000000;
    padding-top: 8em;
    padding-bottom: 6em;
  }
  #ContentHeaderEstudio {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #ContentHeaderEstudio > div:first-child {
    flex: 1;
    max-width: 65em;
    padding-right: 2em;
  }
  #ContentHeaderEstudio > div:last-child {
    flex: 0 0 auto;
  }
  #ContentHeaderEstudio h2 {
    line-height: 2em;
    color: #F38D39;
  }
  #ContentHeaderEstudio h2 strong {
    font-family: "Poppins-bold", Arial, Helvetica, sans-serif;
    font-size: 5.1em;
  }
  #ContentHeaderEstudio h2 span {
    color: #B360FF;
  }
  #ContentHeaderEstudio h3 {
    font-size: 1.3em;
    color: #ffffff;
    display: block;
    margin-top: 1em;
  }
  #ContentHeaderEstudio h3 strong {
    font-size: 1.5em;
    line-height: 0.25em;
    display: block;
  }
  #MainPageEstudio {
    padding-bottom: 4.5em;
  }
  #SlideStudioRental {
    background-color: #000000;
  }
  #SlideStudioRental figure {
    width: 100%;
  }
  #SlideStudioRental img {
    max-width: 100%;
    display: block;
  }
  #Amenities {
    background-color: #000000;
    text-align: center;
    padding: 4.5em 0;
  }
  #ContentAmenieties header {
    margin-bottom: 1.5em;
  }
  #ContentAmenieties h4 {
    text-align: center;
    font-size: 2.25em;
    color: #ffffff;
  }
  #MainAmenieties {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .FilaAmenite {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    width: 100%;
  }
  .FilaAmenite > div {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em;
    margin: 0.5em;
    border: 0.06em solid #565556;
  }
  .FilaAmenite figure {
    flex: 0 0 2.5em;
    margin-right: 1em;
  }
  .FilaAmenite img {
    max-width: 100%;
    display: block;
  }
  .FilaAmenite h5 {
    flex: 1;
    font-size: 1em;
    color: #ffffff;
  }
  .FilaAmenite strong {
    font-size: 1.5em;
    color: #B360FF;
  }
  #EstudioLocalizacion {
    display: flex;
    flex-wrap: wrap;
    background-color: #f2f2f2;
  }
  #LocalDireccion {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-items: center;
    padding: 5em 2em;
  }
  #LocalDireccion > * {
    flex: 0 0 auto;
  }
  #LocalDireccion address {
    font-size: 1.5em;
    font-style: normal;
    text-align: center;
    margin-top: 0.5em;
  }
  #LocalMapa {
    flex: 1;
  }
  #LoaderLocalMapa {
    width: 100%;
    height: 100%;
  }
  #LoaderLocalMapa iframe {
    width: 100%;
    height: 100%;
  }
  #ComoLLegar {
    padding-top: 4em;
  }
  #TopComoLlegar {
    margin-bottom: 2.5em;
  }
  #TopComoLlegar p {
    font-size: 1.5em;
  }
  #BottomComoLlegar {
    display: grid;
    grid-gap: 3.5em;
    grid-template-columns: repeat(auto-fill, minmax(35em, 1fr));
  }
  p.DireccionCardinal {
    font-size: 1em;
    padding: 0.5em 0 0.5em 4em;
  }
  p[data-cardinal=norte] {
    background: url("../imagenes/internas/norte.svg") no-repeat 0 50%;
  }
  p[data-cardinal=sur] {
    background: url("../imagenes/internas/sur.svg") no-repeat 0 50%;
  }
  p[data-cardinal=oeste] {
    background: url("../imagenes/internas/oeste.svg") no-repeat 0 50%;
  }
  #ComoLLegar ul {
    padding-left: 1em;
  }
  #ComoLLegar li {
    display: block;
    margin: 1.5em 0;
    padding-left: 1.5em;
  }
  #ComoLLegar li[data-direction="to right"] {
    background: url("../imagenes/internas/to-right.svg") no-repeat 0 0.25em;
    background-size: 0.75em auto;
  }
  #ComoLLegar li[data-direction="to left"] {
    background: url("../imagenes/internas/to-left.svg") no-repeat 0 0.25em;
    background-size: 0.75em auto;
  }
  #ComoLLegar li[data-direction=destination] {
    background: url("../imagenes/internas/destination.svg") no-repeat 0 0.25em;
    background-size: 0.75em auto;
  }
  #ComoLLegar li p {
    font-size: 0.85em;
  }
}
@media (max-width: 1230px) {
  #PageEstudio > header {
    padding-top: 4em;
  }
  #ContentHeaderEstudio {
    display: block;
  }
  #ContentHeaderEstudio > div:first-child {
    padding-right: 0;
  }
  #ContentHeaderEstudio > div:last-child {
    margin-top: 1.5em;
  }
}
@media (max-width: 900px) {
  #ContentHeaderEstudio h2 strong {
    font-size: 3.3em;
  }
  #ContentHeaderEstudio h3 strong {
    line-height: 1.5em;
  }
  #ContentHeaderEstudio h3 br {
    display: none;
  }
  #LocalDireccion {
    flex: 1 1 100%;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    order: 2;
  }
  #LocalMapa {
    flex: 1 1 100%;
    height: 20em;
    order: 1;
  }
  #BottomComoLlegar {
    display: block;
  }
  .ModuloComoLlegar {
    margin-bottom: 3.5em;
  }
}
@media (max-width: 700px) {
  #ContentAmenieties header {
    margin-bottom: 0.5em;
  }
  #ContentAmenieties h4 {
    font-size: 1.5em;
  }
  .FilaAmenite > div {
    flex: 1 1 100%;
  }
  .FilaAmenite strong {
    font-size: 1.3em;
  }
}
/*GALERIA*/
@media screen {
  #NavGaleriaFotos {
    display: flex;
    margin: 2em 0;
  }
  #NavGaleriaFotos a {
    flex: 0 0 auto;
    margin-right: 1em;
  }
  #NavGaleriaFotos a.select {
    background-color: #F38D39;
    color: #000000;
  }
  .ModuloGallery {
    display: flex;
    flex-wrap: wrap;
  }
  .ModuloGallery > div {
    display: flex;
    flex-wrap: wrap;
  }
  .ModuloGallery .thumb {
    border-color: #ffffff;
  }
  .ModuloGallery img {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
    aspect-ratio: attr(width)/attr(height);
  }
  .GaleriaVideos {
    margin-top: 4px;
  }
  .LoadVideo {
    position: relative;
    height: 0;
    overflow: hidden;
    margin-bottom: 4px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    border: 2px solid #ffffff;
  }
  .LoadVideo iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
/*HOVER EFFECTS*/
/*CONTACTO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #FormContact {
    padding: 3em 0;
  }
  #FormContact #ContentQuickContact {
    background-color: #000000;
  }
  #FormContact #DataForm {
    background: url("../imagenes/internas/contacto.jpg") no-repeat 0 0;
    background-size: cover;
  }
  p.TituloForm {
    display: block;
    margin-bottom: 1em;
    font-size: 1.5em;
    color: #ffffff;
  }
}
@media (max-width: 1300px) {
  #FormContact {
    padding: 2em;
  }
}
@media (max-width: 500px) {
  #FormContact {
    padding: 2em 1.5em;
  }
}
/*CARRITO:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #PageCarrito {
    background-color: #f2f2f2;
  }
  #ContentPageCarrito {
    display: flex;
    flex-wrap: wrap;
  }
  #MainCart {
    flex: 1;
    padding: 5em 5em 5em 0;
    text-align: right;
  }
  #Cart {
    max-width: 46em;
    margin-left: auto;
    padding-left: 5em;
    text-align: left;
  }
  #Cart header {
    display: block;
    margin-bottom: 1.5em;
  }
  #Cart h2 {
    font-size: 2.25em;
    line-height: 0.5em;
  }
  #AlertaCarrito {
    display: none;
  }
  #ListaCarrito table {
    width: 100%;
  }
  /*comp_cards.css*/
  a.BtnComprarMas {
    display: inline-block;
    font-size: 0.85em;
    color: #000000;
    padding: 1em 1em 1em 1.2em;
    background: url("../imagenes/arrow-left.svg") no-repeat 0 50%;
    background-size: 0.6em auto;
  }
  #ExtraCart {
    flex: 1;
    max-width: 50em;
    padding: 5em 0 5em 2em;
    background-color: #ffffff;
  }
  #Resumen {
    width: 100%;
    max-width: 31em;
    padding-right: 8em;
  }
  p.TituloResumen {
    font-size: 1.5em;
  }
  #GiftCode {
    margin: 1em 0;
  }
  #GiftCode label {
    display: block;
    font-size: 1em;
  }
  #GiftCode label strong {
    color: #000000;
  }
  #GiftAdd {
    margin: 1em 0;
  }
  #ExtraResumen {
    border: 0.06em solid #b8b8b8;
    padding: 1.5em;
  }
  #ExtraResumen div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
  }
  #ExtraResumen p {
    flex: 1;
    font-size: 1.3em;
  }
  #ExtraResumen div p:first-child {
    font-size: 1em;
  }
  #ExtraResumen div p:last-child {
    text-align: right;
  }
}
@media (max-width: 1600px) {
  #Cart {
    max-width: none;
    padding-left: 8em;
  }
  #ExtraCart {
    flex: 0 0 30em;
  }
}
@media (max-width: 1300px) {
  #MainCart {
    flex: 1 1 100%;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2.5em;
  }
  #Cart {
    padding-left: 0;
  }
  #ExtraCart {
    flex: 1 1 100%;
    max-width: none;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }
  #Resumen {
    max-width: none;
    width: 100%;
    padding-right: 2em;
  }
}
@media (max-width: 700px) {
  #ListaCarrito {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  #ListaCarrito tbody {
    display: block;
  }
  #ListaCarrito tbody tr {
    position: relative;
    background-color: #ffffff;
    padding: 1em;
    margin-bottom: 1em;
    display: flex;
    flex-wrap: wrap;
  }
  #ListaCarrito tbody td {
    text-align: left;
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
  /*comp_cards.css*/
}
/*FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  footer.primary {
    padding-bottom: 10em;
    border-top: 0.5em solid #7D44B6;
  }
  #TopFooter {
    padding: 2em 0;
  }
  #ContentFooter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #LogoFooter {
    flex: 0 0 7em;
  }
  #LogoFooter img {
    max-width: 100%;
    display: block;
  }
  #ContentFooter address {
    font-size: 1em;
    color: #f2f2f2;
    line-height: 1.5em;
    padding: 0 2em;
  }
  #ContentFooter address span {
    display: block;
    font-size: 0.75em;
  }
  #ContentFooter address a {
    color: #fff;
  }
  #BottomSocial .NavSocial {
    display: inline-flex;
  }
  #BottomSocial .NavSocial a {
    flex: 2.5em;
    margin: 0 0.5em;
  }
  #Sitemap {
    padding: 1em 0;
    border-top: 0.06em solid #333333;
    border-bottom: 0.06em solid #333333;
  }
  #NavSitemap {
    display: inline-flex;
    flex-wrap: wrap;
  }
  #NavSitemap a {
    flex: 0 0 auto;
    margin-right: 2em;
    font-size: 0.85em;
    color: #ffffff;
  }
  #Legales {
    padding: 1em 0;
  }
  #ContentLegales {
    display: flex;
    flex-wrap: wrap;
  }
  #ContentLegales p {
    flex: 1;
    color: #ffffff;
  }
  #ContentLegales a {
    color: #ffffff;
  }
  p#Copy {
    font-size: 0.75em;
  }
  p#CreacionUno {
    font-family: Arial;
    font-size: 0.75em;
    text-align: right;
  }
}
@media (max-width: 700px) {
  #ContentFooter {
    flex-direction: column;
    align-items: center;
  }
  #LogoFooter {
    flex: 0 0 auto;
    width: 100%;
  }
  #LogoFooter img {
    max-width: 6em;
    margin: 0 auto 1em auto;
  }
  #ContentFooter address {
    flex: 0 0 auto;
    text-align: center;
    margin-bottom: 1em;
  }
  #BottomSocial {
    flex: 0 0 auto;
  }
  #NavSitemap {
    display: flex;
  }
  #NavSitemap a {
    flex: 1 1 100%;
    text-align: center;
    margin: 0.5em 0;
  }
  #ContentLegales p {
    flex: 1 1 100%;
    text-align: center;
  }
  p#CreacionUno {
    margin-top: 1em;
  }
}/*# sourceMappingURL=main.css.map */