:root {
  --_colors---color-white: #f5f5f5;
  --_colors---color-primay: #53565a;
  --_spacing-scale---spacing-md: 1rem;
  --_spacing-scale---spacing-xl: 2rem;
  --_colors---color-accent: #c1a057;
  --_colors---color-secondary: #a89c94;
  --_spacing-scale---spacing-sm: .75rem;
  --_spacing-scale---spacing-lg: 1.5rem;
  --_spacing-scale---spacing-xs: .5rem;
  --_colors---color-black: #141414;
  --_spacing-scale---spacing-xxs: .25rem;
  --_spacing-scale---spacing-xxl: 3rem;
  --_spacing-scale---spacing-xxxl: 4rem;
  --_colors---colo-gray-200: #eee;
  --_colors---color-gray-500: #9e9e9e;
  --_colors---color-gray-700: #4a4a4a;
  --white: white;
  --black: black;
  --_colors---color-gray-900: #1e1e1e;
  --_colors---color-success: #4caf50;
  --_colors---color-warning: #ffc107;
  --_colors---color-error: #f44336;
  --_colors---color-info: #2196f3;
  --_spacing-scale---container-xs: 30rem;
  --_spacing-scale---container-sm: 40rem;
  --_spacing-scale---container-md: 48rem;
  --_spacing-scale---container-lg: 64rem;
  --_spacing-scale---container-xl: 80rem;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_colors---color-white);
  color: var(--_colors---color-primay);
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Tinos, sans-serif;
  font-size: 3rem;
  line-height: 1.1em;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Tinos, sans-serif;
  font-size: 2.25rem;
  line-height: 1.2em;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.75rem;
  line-height: 1.2em;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.25em;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  line-height: 1.3em;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.3em;
}

label {
  margin-bottom: 5px;
  font-weight: 300;
  display: block;
}

.text-body.is-bold {
  font-weight: 700;
}

.text-body.is-justified {
  text-align: justify;
}

.text-small {
  font-size: .875rem;
  line-height: 1.4em;
}

.text-small.is-justified {
  text-align: justify;
}

.text-heading-xxl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1em;
}

.text-heading-xxl.is-centered {
  text-align: center;
}

.text-heading-xxl.is-header {
  color: var(--_colors---color-white);
  text-align: center;
}

.text-heading-xl {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2em;
}

.text-heading-lg {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2em;
}

.text-heading-lg.is-white {
  color: var(--_colors---color-white);
}

.text-heading-md {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.25em;
}

.text-heading-sm {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3em;
}

.text-heading-xs {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3em;
}

.button-primary {
  padding: var(--_spacing-scale---spacing-md) var(--_spacing-scale---spacing-xl);
  background-color: var(--_colors---color-accent);
  color: var(--_colors---color-white);
  font-weight: 600;
  line-height: 1.2em;
}

.button-primary:hover {
  background-color: #aa8a43;
}

.button-primary.is-large {
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
}

.button-primary.is-small {
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.button-secondary {
  padding: var(--_spacing-scale---spacing-md) var(--_spacing-scale---spacing-xl);
  background-color: var(--_colors---color-secondary);
  color: var(--_colors---color-white);
  font-weight: 600;
  line-height: 1.2em;
}

.button-secondary:hover {
  background-color: #8f847c;
}

.button-secondary.is-large {
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
}

.button-secondary.is-small {
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.button-tertiary {
  padding: var(--_spacing-scale---spacing-sm) var(--_spacing-scale---spacing-lg);
  background-color: var(--_colors---color-primay);
  color: var(--_colors---color-white);
  font-weight: 400;
  line-height: 1.2em;
}

.button-tertiary.is-large {
  padding: 1.25rem 2.5rem;
  font-size: 1.125rem;
}

.button-tertiary.is-small {
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.button-text {
  padding: var(--_spacing-scale---spacing-xs) var(--_spacing-scale---spacing-md);
  color: var(--_colors---color-accent);
  background-color: #3898ec00;
  font-weight: 700;
  line-height: 1.2em;
}

.button-text.is-large {
  padding: .75rem 1.5rem;
  font-size: 1.125rem;
}

.button-text.is-small {
  padding: .25rem .5rem;
  font-size: .875rem;
}

.link-default {
  font-size: 1rem;
  line-height: 1.5em;
  text-decoration: none;
}

.link-default:hover {
  text-decoration: underline;
}

.link-nav {
  padding: var(--_spacing-scale---spacing-lg);
  color: var(--_colors---color-primay);
  font-family: Tinos, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
  display: inline-block;
}

.link-nav:hover {
  color: var(--_colors---color-black);
}

.link-nav.w--current {
  color: var(--_colors---color-secondary);
}

.link-footer {
  color: var(--_colors---color-accent);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.4em;
  text-decoration: none;
}

.link-footer:hover {
  color: #aa8a43;
  text-decoration: none;
}

.link-highlight, .link-inline {
  font-size: 1rem;
  line-height: 1.5em;
  text-decoration: underline;
}

.spacing-xxs-block {
  height: var(--_spacing-scale---spacing-xxs);
  background-color: var(--_colors---color-primay);
}

.spacing-xs-block {
  height: var(--_spacing-scale---spacing-lg);
  background-color: #53565a00;
}

.spacing-sm-block {
  height: var(--_spacing-scale---spacing-sm);
  background-color: #53565a00;
}

.spacing-md-block {
  height: var(--_spacing-scale---spacing-md);
  background-color: var(--_colors---color-primay);
}

.spacing-lg-block {
  height: var(--_spacing-scale---spacing-lg);
  background-color: #53565a00;
}

.spacing-xl-block {
  height: var(--_spacing-scale---spacing-xl);
  background-color: #53565a00;
}

.spacing-xxl-block {
  height: var(--_spacing-scale---spacing-xxl);
  background-color: #53565a00;
}

.spacing-xxxl-block {
  height: var(--_spacing-scale---spacing-xxxl);
  background-color: #53565a00;
}

.container-xs {
  max-width: 30rem;
}

.container-sm {
  max-width: 40rem;
}

.container-md {
  max-width: 48rem;
}

.container-md.is-centered {
  text-align: center;
}

.container-lg {
  max-width: 64rem;
}

.container-xl {
  max-width: 80rem;
}

.container-xl.is-hero-sections {
  text-align: left;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.container-full {
  max-width: 100%;
}

.grid-2 {
  grid-column-gap: var(--_spacing-scale---spacing-md);
  grid-row-gap: var(--_spacing-scale---spacing-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2.is-gap-xs {
  grid-column-gap: var(--_spacing-scale---spacing-xs);
  grid-row-gap: var(--_spacing-scale---spacing-xs);
}

.grid-2.is-gap-lg {
  grid-column-gap: var(--_spacing-scale---spacing-lg);
  grid-row-gap: var(--_spacing-scale---spacing-lg);
}

.grid-2.is-gap-xl {
  grid-column-gap: var(--_spacing-scale---spacing-xl);
  grid-row-gap: var(--_spacing-scale---spacing-xl);
}

.grid-2.is-gap-xl.is--5x1 {
  grid-template-columns: .5fr 1fr;
}

.grid-2.is-gap-xl.is--5x1.is-gray200 {
  background-color: var(--_colors---colo-gray-200);
}

.grid-3 {
  grid-column-gap: var(--_spacing-scale---spacing-md);
  grid-row-gap: var(--_spacing-scale---spacing-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3.is-gap-xs {
  grid-column-gap: var(--_spacing-scale---spacing-xs);
  grid-row-gap: var(--_spacing-scale---spacing-xs);
}

.grid-3.is-gap-lg {
  grid-column-gap: var(--_spacing-scale---spacing-lg);
  grid-row-gap: var(--_spacing-scale---spacing-lg);
}

.grid-3.is-gap-xl {
  grid-column-gap: var(--_spacing-scale---spacing-xl);
  grid-row-gap: var(--_spacing-scale---spacing-xl);
}

.grid-3.is-footer {
  grid-column-gap: var(--_spacing-scale---spacing-xxl);
  grid-row-gap: var(--_spacing-scale---spacing-xxl);
  grid-template-columns: 1fr 1fr 2fr;
}

.grid-4 {
  grid-column-gap: var(--_spacing-scale---spacing-md);
  grid-row-gap: var(--_spacing-scale---spacing-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4.is-gap-xs {
  grid-column-gap: var(--_spacing-scale---spacing-xs);
  grid-row-gap: var(--_spacing-scale---spacing-xs);
}

.grid-4.is-gap-lg {
  grid-column-gap: var(--_spacing-scale---spacing-lg);
  grid-row-gap: var(--_spacing-scale---spacing-lg);
}

.grid-4.is-gap-xl {
  grid-column-gap: var(--_spacing-scale---spacing-xl);
  grid-row-gap: var(--_spacing-scale---spacing-xl);
}

.grid-4.is-gap-xl.is-services {
  width: 100%;
}

.section {
  padding-top: var(--_spacing-scale---spacing-xxxl);
  padding-bottom: var(--_spacing-scale---spacing-xxxl);
}

.section.is-colored {
  background-color: var(--_colors---colo-gray-200);
}

.section-small {
  padding-top: var(--_spacing-scale---spacing-xxl);
  padding-bottom: var(--_spacing-scale---spacing-xxl);
}

.section-small.is-colored {
  background-color: var(--_colors---color-gray-500);
}

.section-large {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-large.is-colored {
  background-color: var(--_colors---color-gray-500);
}

.section-large.is-cta {
  background-image: url('../images/CTA_02.jpg');
  background-position: 50%;
  background-size: cover;
}

.navbar {
  background-color: var(--_colors---color-white);
  width: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.container-nav {
  flex-flow: row;
  justify-content: center;
  max-width: 80rem;
  display: flex;
}

.nav-menu {
  align-self: center;
}

.section-hero-home {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/SalaJuntas_01.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
  padding-top: 4.3rem;
}

.grid-hero-home {
  grid-column-gap: var(--_spacing-scale---spacing-md);
  grid-row-gap: var(--_spacing-scale---spacing-md);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.container-hero-home {
  max-width: 48rem;
  height: 100%;
}

.logo-hero-home {
  max-width: 12.5em;
}

.logo-wrapper {
  -webkit-backdrop-filter: drop-shadow(0 2px 5px #000000b3);
  backdrop-filter: drop-shadow(0 2px 5px #000000b3);
}

.service-card-wrapper {
  width: 100%;
}

.card-service {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_colors---colo-gray-200);
  text-align: center;
  flex-flow: column;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.service-icon-wrapper {
  max-width: 10em;
}

.is-centered {
  text-align: center;
}

.section-footer {
  background-color: var(--_colors---colo-gray-200);
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-hero-nosotros {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Nosotros_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.card-content-wrapper {
  width: 100%;
  padding: 2rem;
}

.section-hero-servicios {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Sevicios_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.section-hero-inmobiliarios {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Inmobiliarios_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.button-wrapper {
  background-color: var(--_colors---colo-gray-200);
  justify-content: center;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.success-message {
  background-color: var(--_colors---colo-gray-200);
}

.google-maps-emb {
  width: 100%;
  height: 40dvh;
}

.section-hero-avisopriv {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Aviso_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.grid-operaciones-servicios {
  grid-column-gap: var(--_spacing-scale---spacing-md);
  grid-row-gap: var(--_spacing-scale---spacing-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-operaciones-servicios.is-gap-xs {
  grid-column-gap: var(--_spacing-scale---spacing-xs);
  grid-row-gap: var(--_spacing-scale---spacing-xs);
}

.grid-operaciones-servicios.is-gap-lg {
  grid-column-gap: var(--_spacing-scale---spacing-lg);
  grid-row-gap: var(--_spacing-scale---spacing-lg);
}

.grid-operaciones-servicios.is-gap-xl {
  grid-column-gap: var(--_spacing-scale---spacing-xl);
  grid-row-gap: var(--_spacing-scale---spacing-xl);
}

.grid-operaciones-servicios.is-gap-xl.is--5x1 {
  grid-template-columns: .5fr 1fr;
}

.grid-operaciones-servicios.is-gap-xl.is--5x1.is-gray200 {
  background-color: var(--_colors---colo-gray-200);
}

.section-hero-corporativos {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Corporativos_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.section-hero-civiles {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Civiles_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.section-hero-notariales {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Notariales_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.section-hero-contacto {
  background-color: var(--_colors---color-gray-700);
  background-image: url('../images/Contacto_01.jpg');
  background-position: 50%;
  background-size: cover;
  height: 45vh;
  padding-top: 4.3rem;
}

.actionbutton-wa {
  z-index: 1;
  background-image: url('../images/WhatsApp.svg');
  background-position: 50%;
  background-size: cover;
  width: 3.5rem;
  height: 3.5rem;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .link-nav {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .container-md.is-centered {
    max-width: 70%;
  }

  .container-xl {
    max-width: 90%;
  }

  .grid-3.is-footer {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4.is-gap-xl.is-services {
    grid-column-gap: var(--_spacing-scale---spacing-xl);
    grid-row-gap: var(--_spacing-scale---spacing-xl);
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    place-items: stretch stretch;
    display: grid;
  }

  .container-nav {
    background-color: var(--_colors---color-white);
    justify-content: flex-end;
    max-width: 100%;
  }

  .nav-menu {
    background-color: var(--_colors---color-white);
    color: #f5f5f5;
    flex-flow: column;
    display: flex;
  }

  .icon {
    color: var(--_colors---color-primay);
  }

  .menu-button.w--open {
    background-color: var(--_colors---color-white);
  }

  .section-hero-home {
    height: 100dvh;
  }

  .container-hero-home {
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .container-md.is-centered {
    max-width: 80%;
  }

  .grid-2.is-gap-xl, .grid-2.is-gap-xl.is--5x1.is-gray200, .grid-3.is-footer, .grid-4.is-gap-xl.is-services, .grid-hero-home {
    grid-template-columns: 1fr;
  }

  .container-hero-home {
    max-width: 90%;
  }

  .grid-operaciones-servicios, .grid-operaciones-servicios.is-gap-xl, .grid-operaciones-servicios.is-gap-xl.is--5x1.is-gray200 {
    grid-template-columns: 1fr;
  }

  .actionbutton-wa {
    bottom: 1rem;
    right: 1rem;
  }
}

#w-node-_804c0231-6b9b-eec8-a738-17c0077c0330-077c0323, #w-node-e44c06de-aa54-c0e1-167d-46877c5e580a-077c0323 {
  place-self: auto;
}

#w-node-_6bfdcc0e-33a4-8ce0-1d83-4e9337de057b-885ec300, #w-node-_0e48971d-bcc6-d697-b906-cd601c24bf6e-885ec300, #w-node-_6f3a50bf-3499-efed-8b52-527aa6237f3a-885ec300, #w-node-_6f3a50bf-3499-efed-8b52-527aa6237f3d-885ec300, #w-node-fd678e64-0da1-5777-23d2-ce6d94af38fb-885ec300, #w-node-fd678e64-0da1-5777-23d2-ce6d94af38fe-885ec300 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_82de513b-c430-7d5d-4972-910317b049e9-17b049c1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_82de513b-c430-7d5d-4972-910317b049e9-17b049c1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


