.elementor-kit-78{--e-global-color-primary:#634E42;--e-global-color-secondary:#3E2F27;--e-global-color-text:#4A3F37;--e-global-color-accent:#CBBBA0;--e-global-color-b3f4d80:#7F7F7F;--e-global-color-1419daf:#FFFFFF0D;--e-global-color-58d92fe:#FFFFFF17;--e-global-color-c42eca8:#FFFFFF14;--e-global-color-6352fcb:#FFFFFF1F;--e-global-color-e96b2bd:#FFFFFF0F;--e-global-color-d957db3:#FFFFFF29;--e-global-color-f2fe9db:#000000BD;--e-global-color-787a2f6:#F5EFE5;--e-global-color-a1b007c:#EFE7D8;--e-global-color-5cbfeb4:#FFFFFF29;--e-global-color-8e6e4c4:#02010100;--e-global-color-a402890:#FFFFFF38;--e-global-color-1c59af5:#C79A3E;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:5em;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:2.5em;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Source Sans 3";--e-global-typography-accent-font-size:1.3em;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-fa2de8f-font-family:"Source Sans 3";--e-global-typography-fa2de8f-font-size:1.2em;--e-global-typography-fa2de8f-font-weight:400;--e-global-typography-fa2de8f-text-transform:none;--e-global-typography-aa414db-font-family:"Source Sans 3";--e-global-typography-aa414db-font-size:1.1em;--e-global-typography-aa414db-font-weight:400;--e-global-typography-aa414db-text-transform:none;--e-global-typography-9e0ac5a-font-family:"Source Sans 3";--e-global-typography-9e0ac5a-font-size:1em;--e-global-typography-9e0ac5a-font-weight:400;--e-global-typography-9e0ac5a-text-transform:none;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-78 e-page-transition{background-color:#FFBC7D;}.elementor-kit-78 a{color:var( --e-global-color-primary );text-decoration:none;}.elementor-kit-78 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-78 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-78 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-kit-78 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-fa2de8f-font-family ), Sans-serif;font-size:var( --e-global-typography-fa2de8f-font-size );font-weight:var( --e-global-typography-fa2de8f-font-weight );text-transform:var( --e-global-typography-fa2de8f-text-transform );}.elementor-kit-78 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-aa414db-font-family ), Sans-serif;font-size:var( --e-global-typography-aa414db-font-size );font-weight:var( --e-global-typography-aa414db-font-weight );text-transform:var( --e-global-typography-aa414db-text-transform );}.elementor-kit-78 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-9e0ac5a-font-family ), Sans-serif;font-size:var( --e-global-typography-9e0ac5a-font-size );font-weight:var( --e-global-typography-9e0ac5a-font-weight );text-transform:var( --e-global-typography-9e0ac5a-text-transform );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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);}@media(max-width:1024px){.elementor-kit-78{--e-global-typography-primary-font-size:3em;--e-global-typography-secondary-font-size:1.8em;--e-global-typography-accent-font-size:1.1em;--e-global-typography-fa2de8f-font-size:1.1em;}.elementor-kit-78 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-78 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-78 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-78 h4{font-size:var( --e-global-typography-fa2de8f-font-size );}.elementor-kit-78 h5{font-size:var( --e-global-typography-aa414db-font-size );}.elementor-kit-78 h6{font-size:var( --e-global-typography-9e0ac5a-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-78{--e-global-typography-primary-font-size:2.4em;--e-global-typography-secondary-font-size:1.5em;}.elementor-kit-78 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-78 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-78 h3{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-78 h4{font-size:var( --e-global-typography-fa2de8f-font-size );}.elementor-kit-78 h5{font-size:var( --e-global-typography-aa414db-font-size );}.elementor-kit-78 h6{font-size:var( --e-global-typography-9e0ac5a-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Base global ===== */
a{text-decoration:none !important;}


/* ===== Header superpuesto sin ocupar espacio =====
   El kit superponia el header con margin-bottom:-100px en su contenedor, pero el header mide
   115px con nuestro logo -> quedaban 15px de fondo blanco asomando arriba del hero.
   Sacandolo del flujo, el hero empieza en 0 sea cual sea la altura del header (y del logo). */
header.elementor-location-header{ position:absolute; top:0; left:0; right:0; z-index:100; }
header.elementor-location-header > .elementor-element{ margin-bottom:0 !important; }
/* ===== Sello unico ligado al scroll =====
   UN SOLO elemento: arranca OCULTO arriba del todo, aparece con los primeros px de scroll,
   asoma recortado abajo girando, encaja en el footer y se queda pegado a el.
   Todo va con el scroll, asi que al volver arriba el sello se desvanece solo.
   El logo real del footer se oculta (sigue en el DOM por el alt).
   Tramos del encaje: reposo 0-25% | encaje 25-55% | pegado al footer 55-100% (lineal obligatorio).
   Giro ANTIHORARIO -720deg (2 vueltas enteras: termina recto).
   Medidas reales: escritorio H631/D448 · tablet H784/D586 · movil H1112/D914. */
@supports ((mask-image:url('')) or (-webkit-mask-image:url(''))){
 @media (prefers-reduced-motion: no-preference){
  :root{
   --lt-sello:660px; --lt-reposo:470px; --lt-fin:-118px; --lt-escala:.25;
   --lt-tramo:1000px; --lt-girofin:284px; --lt-entrada:220px; --lt-vueltas:-360deg;
   /* Salida: en escritorio no se va (1). En movil vale 0 y el sello se
      desvanece antes del footer, porque alli el hueco del logo no cabe. */
   --lt-salida:1; --lt-salida-ini:1500px; --lt-salida-fin:1100px;
  }
  body::after{
   content:''; display:none; position:fixed; z-index:3; pointer-events:none;
   left:50%; bottom:0; width:var(--lt-sello); height:var(--lt-sello);
   margin-left:calc(var(--lt-sello) / -2);
   background-color:#FFFFFF;
   -webkit-mask:url('https://bodegonlostoneles.com/wp-content/uploads/2026/08/lostoneles-logo-color-blanco.svg') center/contain no-repeat;
   mask:url('https://bodegonlostoneles.com/wp-content/uploads/2026/08/lostoneles-logo-color-blanco.svg') center/contain no-repeat;
   will-change:rotate, translate, scale, opacity, filter;
   animation:lt-giro linear both,
             lt-mover cubic-bezier(.37,0,.63,1) both,
             lt-encoge cubic-bezier(.37,0,.63,1) both,
             lt-fusion linear both,
             lt-aparece ease-out both,
             lt-marcha ease-in both;
   animation-range:0% calc(100% - var(--lt-girofin)),
                   calc(100% - var(--lt-tramo)) 100%,
                   calc(100% - var(--lt-tramo)) 100%,
                   calc(100% - var(--lt-tramo)) 100%,
                   0px var(--lt-entrada),
                   calc(100% - var(--lt-salida-ini)) calc(100% - var(--lt-salida-fin));
  }
  /* Via nativa (Chrome, Safari): el navegador liga la animacion al scroll y
     la lleva en el compositor. */
  @supports (animation-timeline: scroll()){
   .elementor-location-footer .elementor-element-40834a37 img{ opacity:0; }
   body::after{ display:block;
    animation-timeline:scroll(root block), scroll(root block), scroll(root block), scroll(root block), scroll(root block), scroll(root block); }
  }
  /* Via JS: para navegadores sin timeline de scroll (Firefox) y para el
     escritorio, donde ademas se le anade inercia. */
  html.lt-js .elementor-location-footer .elementor-element-40834a37 img{ opacity:0; }
  html.lt-js body::after{
   display:block;
   animation-timeline:auto, auto, auto, auto, auto, auto;
   animation-range:normal;
   animation-duration:1s;
   animation-play-state:paused;
   animation-delay:0s;
  }
  /* Si el sello no encaja (movil), el footer ensena su logo de siempre. */
  html.lt-movil-sin-encaje .elementor-location-footer .elementor-element-40834a37 img{ opacity:1; }
  @keyframes lt-giro{ from{ rotate:0deg; } to{ rotate:var(--lt-vueltas); } }
  @keyframes lt-mover{ from{ translate:0 var(--lt-reposo); } to{ translate:0 var(--lt-fin); } }
  @keyframes lt-encoge{ from{ scale:1; } to{ scale:var(--lt-escala); } }
  @keyframes lt-fusion{ 0%,90%{ mix-blend-mode:difference; } 91%,100%{ mix-blend-mode:normal; } }
  @keyframes lt-aparece{ from{ opacity:0; } to{ opacity:1; } }
  @keyframes lt-marcha{ from{ filter:opacity(1); } to{ filter:opacity(var(--lt-salida)); } }
  @media (max-width:1024px){
   :root{ --lt-sello:520px; --lt-reposo:370px; --lt-fin:-326px; --lt-escala:.51;
          --lt-tramo:1200px; --lt-girofin:353px; --lt-entrada:180px; }
  }
  @media (max-width:767px){
   :root{ --lt-sello:260px; --lt-reposo:170px; --lt-fin:60px; --lt-escala:.9;
          --lt-tramo:1100px; --lt-girofin:500px; --lt-entrada:150px;
          /* El footer movil mide 1111px y la pantalla ~660: el hueco del logo
             ya ha salido por arriba al llegar abajo. El sello no lo persigue:
             se va antes y el footer ensena su logo. */
          --lt-salida:0; --lt-salida-ini:1150px; --lt-salida-fin:650px; }
  }
 }
}/* End custom CSS */