@charset "UTF-8";
/* =========================
   ARUMA – PALETA BASE
========================= */
/* === Colores principales === */
/* === Colores secundarios === */
/* === Complementarios === */
/* === Neutrales === */
html,
body {
  font-family: "Red Hat Display", sans-serif;
}

.sensorial__intro {
  background-color: #e8e7ee;
}
.sensorial__intro .container {
  gap: 5%;
}

.sensorial__titulo .title {
  color: #4a547f;
}

.sensorial__texto .subtitle {
  color: #9567db;
  line-height: 1.6;
}

.sensorial__elegir .container {
  justify-content: center;
}
.sensorial__elegir .container .column .title {
  color: #4a547f;
}
.sensorial__elegir .container .column .subtitle {
  color: #9567db;
  font-weight: 400;
  margin-top: 20px;
}
.sensorial__elegir .container .columns {
  justify-content: center;
}
.sensorial__elegir .container .columns .card {
  padding: 40px;
  border-style: solid;
  border-color: #9567db;
  border-width: 0.66px;
  height: 100%;
}
.sensorial__elegir .container .columns .card-cta {
  background-color: #e8e7ee;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-self: flex-end;
  align-items: end;
}
.sensorial__elegir .container .columns .card-cta .title {
  font-weight: 400;
  color: #4a547f;
}
.sensorial__elegir .container .columns .card-cta .button {
  width: 250px;
  background-color: #4a547f;
  border: none;
  color: #ffffff;
  transition: all 0.3 ease;
  margin-top: 3%;
}
.sensorial__elegir .container .columns .card-cta .button:hover {
  background-color: #155973;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.sensorial__elegir .container .columns .card-cta .button a {
  color: #e8e7ee;
}

.location {
  background-color: #155973;
}

.location__items {
  width: 75%;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
@media (max-width: 768px) {
  .location__items {
    flex-direction: column;
  }
}
.location__items .title {
  color: #e8e7ee;
}
.location__items .white__p {
  color: #e8e7ee;
}
.location__items .button {
  margin-bottom: 20px;
  background-color: #9567db;
  border: none;
  color: #ffffff;
  transition: all 0.3 ease;
  margin-top: 2%;
}
.location__items .button:hover {
  background-color: #4a547f;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.location__items .button a {
  color: #ffffff;
}

.sensorial__menu {
  background-image: url(/imgs/bg-para-quien-2.png);
  background-size: cover;
}
.sensorial__menu .container .level {
  justify-content: left;
}
.sensorial__menu .container .level .title {
  color: #155973;
}
.sensorial__menu .container .subtitle {
  color: #4a547f;
  margin: 5% 0;
}
.sensorial__menu .card {
  height: 100%;
  padding: 40px;
  border-style: dotted;
  border-color: #4a547f;
}
.sensorial__menu .card .title {
  color: #4a547f;
}
.sensorial__menu .card .card-footer {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sensorial__menu .card .card-footer .subtitle {
  margin-top: 5%;
  color: #9567db;
}
.sensorial__menu .card .card-footer .button {
  background-color: #4a547f;
  border: none;
  color: #ffffff;
  transition: all 0.3 ease;
}
.sensorial__menu .card .card-footer .button:hover {
  background-color: #155973;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.sensorial__menu .card .card-footer .button a {
  color: #e8e7ee;
}

.sensorial__menu-faciales {
  background-color: #B5C0DC;
}
.sensorial__menu-faciales .menu-faciales-titulo {
  color: #4a547f;
  font-weight: 400;
  margin-bottom: 3%;
}
.sensorial__menu-faciales .columns .column .card {
  height: 100%;
  padding: 40px;
  border-style: dotted;
  border-width: 1px;
  border-color: #4a547f;
}
.sensorial__menu-faciales .columns .column .card .title {
  color: #4a547f;
}
.sensorial__menu-faciales .columns .column .card .card-footer {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sensorial__menu-faciales .columns .column .card .card-footer .subtitle {
  margin-top: 5%;
  color: #9567db;
}
.sensorial__menu-faciales .columns .column .card .card-footer .button {
  background-color: #4a547f;
  border: none;
  color: #ffffff;
  transition: all 0.3 ease;
  margin-top: 5%;
}
.sensorial__menu-faciales .columns .column .card .card-footer .button:hover {
  background-color: #155973;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.sensorial__menu-faciales .columns .column .card .card-footer .button a {
  color: #e8e7ee;
}
.sensorial__menu-faciales .columns .menu-faciales-cierre {
  margin-left: 5%;
  padding-top: 8%;
}
.sensorial__menu-faciales .columns .menu-faciales-cierre .subtitle {
  color: #4a547f;
  font-weight: 400;
  line-height: 1.6em;
}

.sensorial__sesion {
  background-color: #155973;
}
.sensorial__sesion .container .title {
  color: #ffffff;
  margin-bottom: 5%;
}
.sensorial__sesion .container .columns {
  justify-content: space-around;
}
.sensorial__sesion .container .columns .column {
  height: 100%;
}
.sensorial__sesion .container .columns .column .container {
  display: flex;
  justify-content: center;
}
.sensorial__sesion .container .columns .column .container .image {
  width: 60px;
  margin-bottom: 5%;
}
.sensorial__sesion .container .columns .column .title {
  font-weight: 400;
  color: #95b7db;
}
.sensorial__sesion .container .columns .column p {
  color: #ffffff;
}

.opiniones__google .container {
  justify-content: center;
}
.opiniones__google .container .image {
  width: 50%;
  justify-self: center;
}
.opiniones__google .container .title {
  font-weight: 200;
  color: #4a547f;
}

.sensorial__reserva {
  background-color: #e8e7ee;
}
.sensorial__reserva .container {
  justify-items: center;
}
.sensorial__reserva .container .column {
  justify-content: space-around;
}
.sensorial__reserva .title {
  color: #4a547f;
}
.sensorial__reserva .subtitle {
  color: #155973;
  font-weight: 400;
  margin-top: 2%;
  line-height: 1.3em;
}
.sensorial__reserva p {
  color: #4a547f;
}
.sensorial__reserva strong {
  color: #9567db;
  font-size: 1.2em;
}
.sensorial__reserva .button {
  background-color: #4a547f;
  border: none;
  color: #ffffff;
  transition: all 0.3 ease;
  margin-top: 2%;
}
.sensorial__reserva .button:hover {
  background-color: #9567db;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.sensorial__reserva .button a {
  color: #ffffff;
}/*# sourceMappingURL=masajes-y-faciales.css.map */