.elementor-kit-159{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-159 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@media (max-width: 767px) {

  :root {
    /*
      Header mobile: 74px
      Separación adicional: 28px

      Podés aumentar o reducir este valor
      para ajustar la distancia del título.
    */
    --vhc-hero-safe-top: 102px;
  }

  /*
    Identificamos los contenedores internos
    de los heroes por su patrón de clases.

    Así no necesitamos crear un CSS
    diferente para cada página.
  */

  body :is(
    #vhc-home,
    [id^="vhc"][id$="-page"]
  ) :is(
    [class*="-hero__inner"],
    [class*="-hero__main"],
    [class*="-hero__middle"],
    .vhcs-hero__container
  ) {
    padding-top: var(--vhc-hero-safe-top) !important;
  }

}

/* ==========================================
   MÓVILES CON POCA ALTURA

   Reducimos ligeramente la separación para
   conservar espacio para botones y teléfonos.
========================================== */

@media (max-width: 767px) and (max-height: 650px) {

  :root {
    --vhc-hero-safe-top: 88px;
  }

}

/* ==========================================
   IPHONE / ÁREAS SEGURAS

   Consideramos el safe area cuando exista.
========================================== */

@supports (padding: env(safe-area-inset-top)) {

  @media (max-width: 767px) {

    body :is(
      #vhc-home,
      [id^="vhc"][id$="-page"]
    ) :is(
      [class*="-hero__inner"],
      [class*="-hero__main"],
      [class*="-hero__middle"],
      .vhcs-hero__container
    ) {
      padding-top: calc(
        var(--vhc-hero-safe-top)
        + env(safe-area-inset-top, 0px)
      ) !important;
    }

  }

}

/* ==========================================
   ANCLAS Y NAVEGACIÓN INTERNA

   Evita que el header fijo tape los títulos
   al navegar a una sección mediante #.
========================================== */

html {
  scroll-padding-top: 90px;
}

@media (max-width: 767px) {

  html {
    scroll-padding-top: 82px;
  }

}/* End custom CSS */