.elementor-kit-3705{--e-global-color-primary:#120E0F;--e-global-color-secondary:#181314;--e-global-color-text:#E8E2D8;--e-global-color-accent:#E8E2D8A6;--e-global-color-2c27b13:#E8E2D826;--e-global-color-f29b9b0:#891010;--e-global-color-25241bf:#A31414;--e-global-typography-primary-font-family:"Crimson Pro";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Crimson Pro";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;}.elementor-kit-3705 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3705 a{color:var( --e-global-color-text );font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;line-height:1.8px;}.elementor-kit-3705 h1{font-family:"Crimson Pro", Sans-serif;font-weight:400;line-height:1.15px;}.elementor-kit-3705 h2{font-family:"Crimson Pro", Sans-serif;font-weight:400;line-height:1.15px;}.elementor-kit-3705 h3{font-family:"Crimson Pro", Sans-serif;font-weight:400;line-height:1.15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.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-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 *//* ---------- 1. VARIABLES DE MARCA ---------- */
:root{
  --tq-bg:#120E0F;
  --tq-bg-alt:#181314;
  --tq-ivory:#E8E2D8;
  --tq-dim:rgba(232,226,216,.65);
  --tq-line:rgba(232,226,216,.15);
  --tq-red:#891010;
  --tq-red-hover:#A31414;
}


/* ---------- 2. BASE DEL SITIO ---------- */
html{scroll-behavior:smooth;}
body{background:var(--tq-bg);color:var(--tq-ivory);overflow-x:hidden;}

/* Interletrado de marca (el "aire" entre letras) en todo el sitio */
body *{letter-spacing:0px;}

/* Cero esquinas redondeadas y cero sombras: es clave en este diseño */
body *{border-radius:0 !important;box-shadow:none !important;}


/* ---------- 3. CABECERA (transparente → sólida al bajar) ---------- */
#tq-header{
  transition:background .4s ease,border-color .4s ease,padding .4s ease;
  border-bottom:1px solid transparent;
}
#tq-header.elementor-sticky--effects{
  background:var(--tq-bg) !important;
  border-bottom:1px solid var(--tq-line);
  padding-top:18px !important;
  padding-bottom:18px !important;
}

/* OPCIONAL — menú móvil como cortina lateral (como el HTML original).
   Si te da problemas, borra este bloque y déjalo como desplegable normal. */
@media(max-width:900px){
  #tq-header .elementor-nav-menu--dropdown{
    position:fixed !important;
    top:0 !important; right:0 !important; left:auto !important;
    width:78% !important; height:100vh !important;
    background:var(--tq-bg) !important;
    border-left:1px solid var(--tq-line);
    display:flex !important; flex-direction:column; justify-content:center;
  }
}


/* ---------- 4. TÍTULOS FLUIDOS (crecen con la pantalla) ---------- */
#tq-hero h1{font-size:clamp(44px,7vw,92px);line-height:1.15;}
.tq-h2{font-size:clamp(32px,4vw,50px);line-height:1.15;}
.tq-h2-carta{font-size:clamp(30px,3.6vw,46px);line-height:1.15;}


/* ---------- 5. LA CARTA (precios con línea de puntos) ---------- */
.tq-menu{max-width:800px;margin:0 auto;}
.tq-menu .group{
  font-family:'Manrope',sans-serif;font-size:11px;text-transform:uppercase;
  color:var(--tq-dim);border-bottom:1px solid var(--tq-line);
  padding-bottom:10px;margin:0 0 22px;
}
.tq-menu .group.second{margin-top:38px;}
.tq-menu .item{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;}
.tq-menu .name{
  font-family:'Crimson Pro',serif;font-size:21px;
  white-space:nowrap;line-height:1.15;
}
.tq-menu .desc{
  display:block;font-family:'Manrope',sans-serif;font-size:11px;
  color:var(--tq-dim);text-transform:uppercase;margin-top:2px;line-height:1.5;
}
.tq-menu .dots{flex:1;border-bottom:1px dotted var(--tq-line);transform:translateY(-6px);}
.tq-menu .price{font-size:14px;white-space:nowrap;}
@media(max-width:900px){
  .tq-menu .name{font-size:18px;white-space:normal;}
}


/* ---------- 6. GALERÍA EN MOVIMIENTO ---------- */
.tq-gallery{
  overflow:hidden;
  border-top:1px solid var(--tq-line);
  border-bottom:1px solid var(--tq-line);
}
.tq-gallery .track{display:flex;width:max-content;animation:tq-slide 45s linear infinite;}
.tq-gallery figure{
  width:32vw;height:40vh;min-width:320px;margin:0;
  border-right:1px solid var(--tq-line);
  background-size:cover;background-position:center;
  filter:brightness(.7);
}
@keyframes tq-slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.tq-gallery .track{animation:none;}}
@media(max-width:900px){
  .tq-gallery figure{width:70vw;height:32vh;min-width:0;}
}


/* ---------- 7. MAPA EN BLANCO Y NEGRO INVERTIDO ---------- */
.tq-map iframe{filter:grayscale(100%) invert(92%) contrast(1.2);}


/* ---------- 8. ATAJO DE BOTONES (opcional) ----------
   Si prefieres no configurar cada botón a mano, ponle a cada
   widget Botón la clase CSS "tq-btn-red" o "tq-btn-outline"
   en la pestaña Avanzado → Clases CSS. */
.tq-btn-red .elementor-button{
  background:var(--tq-red);border:1px solid var(--tq-red);color:var(--tq-ivory);
  padding:17px 42px;font-family:'Manrope',sans-serif;font-weight:500;
  font-size:12px;text-transform:uppercase;transition:background .3s ease,border-color .3s ease;
}
.tq-btn-red .elementor-button:hover{background:var(--tq-red-hover);border-color:var(--tq-red-hover);color:var(--tq-ivory);}

.tq-btn-outline .elementor-button{
  background:transparent;border:1px solid var(--tq-ivory);color:var(--tq-ivory);
  padding:13px 30px;font-family:'Manrope',sans-serif;font-weight:500;
  font-size:11px;text-transform:uppercase;transition:background .3s ease,border-color .3s ease;
}
.tq-btn-outline .elementor-button:hover{background:var(--tq-red);border-color:var(--tq-red);color:var(--tq-ivory);}


/* ---------- 9. TEXTOS SECUNDARIOS ---------- */
.tq-eyebrow{
  font-size:11px;text-transform:uppercase;color:var(--tq-dim);
  margin-bottom:26px;font-family:'Manrope',sans-serif;
}
.tq-dim p, .tq-dim{color:var(--tq-dim);}
.tq-address{font-family:'Crimson Pro',serif;font-size:22px;color:var(--tq-ivory);}
.tq-foot-logo{font-family:'Crimson Pro',serif;font-size:24px;text-transform:uppercase;color:var(--tq-ivory);}
.tq-copy{font-size:11px;text-transform:uppercase;color:var(--tq-dim);}
#tq-header .elementor-nav-menu a:before,
#tq-header .elementor-nav-menu a:after{display:none !important;}/* End custom CSS */