.elementor-kit-120{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--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-120 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 *//* Título con degradado “tinta” */
.zarok-gradient-title{
  font-size:clamp(2rem,5vw,3.5rem);
  line-height:1.1;
  margin:0 0 .7rem;
  font-weight:800;
  background:linear-gradient(90deg,#ff4ecd,#ffd400,#19e68c,#3aa0ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 18px rgba(0,0,0,.35));
}

/* Texto y botones */
.hero--zarok .elementor-widget-text-editor{color:#fff;opacity:.95;font-size:clamp(1rem,1.6vw,1.25rem);margin:.2rem 0 1.2rem}
.btn-hero{padding:.9rem 1.1rem;border-radius:.75rem;font-weight:700;border:1px solid transparent;transition:.2s transform,.2s box-shadow,.2s background,.2s color}
.btn-hero.solid{background:#fff!important;color:#111!important}
.btn-hero.solid:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.25)}
.btn-hero.ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important}
.btn-hero.ghost:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-2px)}

@media (max-width:767px){
  .hero--zarok{padding:4rem 1.2rem}
}/* End custom CSS */