/*
Theme Name: Honesto Mike Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Javier Pavez
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756355606
Updated: 2025-08-28 00:33:26

*/

.landing-page {
  background-color: #121212;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.landing-page .div {
  background-color: #121212;
  overflow: hidden;
  width: 1440px;
  height: 2256px;
  position: relative;
}

.landing-page .logo-EHM-blanco-comp {
  position: absolute;
  width: 136px;
  height: 136px;
  top: 39px;
  left: 629px;
  aspect-ratio: 1;
  object-fit: cover;
}

.landing-page .frame {
  display: flex;
  flex-direction: column;
  width: 1200px;
  height: 1400px;
  align-items: flex-start;
  gap: 10px;
  padding: 362px 109px 262px;
  position: absolute;
  top: 249px;
  left: 120px;
  background-image: url(./img/frame-101.png);
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .frame-2 {
  display: flex;
  flex-wrap: wrap;
  width: 982px;
  align-items: flex-end;
  justify-content: center;
  gap: 15px 42px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -115.00px;
}

.landing-page .frame-3 {
  display: flex;
  flex-wrap: wrap;
  width: 982px;
  align-items: center;
  justify-content: center;
  gap: 127px 42px;
  position: relative;
}

.landing-page .div-wrapper {
  display: flex;
  flex-direction: column;
  width: 470px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.landing-page .parche-main-site {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.45;
  background-image: url(./img/parche-main-site-off-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .parche-the-bar {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.45;
  background-image: url(./img/parche-the-bar-off-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .parche-men {
  background-image: url(./img/parche-menu-off-1.png);
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.45;
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .parche-eventos {
  background-image: url(./img/parche-eventos-off-1.png);
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.45;
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .botn-instagram {
  display: flex;
  flex-direction: column;
  width: 225px;
  align-items: center;
  gap: 10px;
  position: relative;
  mix-blend-mode: color-dodge;
}

.landing-page .mdi-instagram {
  position: relative;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
}

.landing-page .vector {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 4px;
  left: 4px;
}

.landing-page .text-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "FrizQuadrata BT-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
}

.landing-page .footer {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 10px 10px 26px;
  position: absolute;
  top: 1728px;
  left: -23px;
  background-color: transparent;
}

.landing-page .frame-4 {
  display: flex;
  flex-direction: column;
  width: 1450px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 15px;
  position: relative;
}

.landing-page .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.landing-page .line {
  position: relative;
  width: 1400px;
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
}

.landing-page .frame-6 {
  display: flex;
  width: 1069px;
  align-items: center;
  gap: 81px;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 257px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.landing-page .frame-7 {
  display: flex;
  align-items: flex-end;
  gap: 11px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.landing-page .frame-8 {
  display: flex;
  width: 257px;
  align-items: flex-end;
  gap: 21px;
  position: relative;
}

.landing-page .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.landing-page .frame-10 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -32.00px;
}

.landing-page .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "FrizQuadrata BT-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Helvetica Neue-85Heavy", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .frame-11 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .vector-wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
}

.landing-page .img {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}

.landing-page .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Helvetica Neue-65Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.landing-page .mira-nuestras-pol {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.landing-page .span {
  font-weight: 500;
}

.landing-page .text-wrapper-5 {
  font-family: "Helvetica Neue-Regular", Helvetica;
}

.landing-page .text-wrapper-6 {
  font-family: "Helvetica Neue-Regular", Helvetica;
  text-decoration: underline;
}

.landing-page .frame-12 {
  display: flex;
  flex-direction: column;
  width: 305px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.landing-page .ve-las-vacantes-que {
  position: relative;
  width: fit-content;
  font-family: "Helvetica Neue-65Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.landing-page .botn-footer-states {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .frame-13 {
  display: flex;
  width: 305px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  background-color: #ffffff;
}

.landing-page .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "FrizQuadrata BT-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.landing-page .frame-14 {
  display: flex;
  flex-direction: column;
  width: 323px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.landing-page .frame-15 {
  display: flex;
  align-items: flex-end;
  gap: 21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.landing-page .frame-16 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .logo-EHM-blanco-comp-wrapper {
  display: flex;
  width: 184px;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin-right: -243.00px;
}

.landing-page .logo-EHM-blanco-comp-2 {
  position: relative;
  width: 174px;
  height: 174px;
  margin-right: -10.00px;
  aspect-ratio: 1;
  object-fit: cover;
}

.landing-page .frame-17 {
  display: inline-flex;
  align-items: flex-start;
  gap: 66px;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .frame-18 {
  display: flex;
  flex-direction: column;
  width: 271px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.landing-page .text-wrapper-8 {
  position: relative;
  width: 285px;
  margin-top: -1.00px;
  margin-right: -14.00px;
  font-family: "FrizQuadrata BT-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .lunes-mi-rcoles {
  position: relative;
  align-self: stretch;
  font-family: "Helvetica Neue-65Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.landing-page .reserva-con-nosotros {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Helvetica Neue-65Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.landing-page .group-wrapper {
  display: flex;
  width: 289px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.landing-page .group {
  position: relative;
  width: 289px;
  height: 158px;
  background-image: url(./img/map-maker-santiago-santiago-metropolitan-region-chile-apple-maps-esque.png);
  background-size: cover;
  background-position: 50% 50%;
}

.landing-page .frame-19 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
}

.landing-page .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Helvetica Neue-65Medium", Helvetica;
  font-weight: 500;
  color: #ffffff54;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}