@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/InterTight-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/InterTight-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/InterTight-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/InterTight-700.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/InterTight-800.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/InterTight-900.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Manrope-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Manrope-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Manrope-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Manrope-700.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Manrope-800.woff2) format('woff2');
}
/* Helpy Limpieza · ajustes sobre la plantilla (se carga despues del css de Webflow) */

/* logo de texto */
.lh-logo{font-family:"Inter Tight",Manrope,sans-serif;font-weight:700;font-size:26px;line-height:1;letter-spacing:-.5px;color:#101010;display:inline-block}
.lh-logo b{font-weight:800;color:#084ad7}
.footer .lh-logo{font-size:30px}

/* sin estrellas decorativas */
img[src*="Ster_Meni"],img[src*="8_Star"],img[src*="ProgressStar"],img[src*="4_Ster_Icon"]{display:none!important}
.section-sub-title-img-box{display:none}
.section-sub-title-wrap{gap:0}

/* si la animacion de Webflow no arranca, el contenido sigue visible */
html.lh-noix [data-w-id]{opacity:1!important;transform:none!important}
html.lh-noix img[style*="opacity"]{opacity:1!important}
html.lh-noix .why-choose-card-img-overlay{display:none}

/* iconos sociales pequenos */
.media-inner-flex{gap:10px}
.media-link{width:34px;height:34px;border-radius:10px}
.media-link-icon,.media-link-icon-two{width:16px;height:16px;object-fit:contain}

/* formulario de presupuesto */
.lh-formwrap{margin:0}
.lh-form-note{font-size:13px;line-height:1.5;color:#383838;margin:8px 0 0;opacity:.8;width:100%}
.lh-form-note a{color:inherit;text-decoration:underline}
.lh-form .hero-form-flex{margin-bottom:12px}
.lh-form select.hero-form{min-width:0}

/* zonas */
.lh-zonagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.lh-zona{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #5b596e33;border-radius:12px;background:#fff;color:#101010;text-decoration:none;transition:border-color .25s,transform .25s}
.lh-zona strong{font-size:20px;line-height:1.2}
.lh-zona span{font-size:15px;line-height:1.5;color:#383838}
.lh-zona:hover{border-color:#084ad7;transform:translateY(-3px)}
.lh-zonas{padding-top:var(--section-gap-medium);padding-bottom:var(--section-gap-medium)}
@media(max-width:991px){.lh-zonagrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lh-zonagrid{grid-template-columns:1fr}}

/* enlaces internos */
.lh-links{padding-top:var(--section-gap-small);padding-bottom:var(--section-gap-small)}
.lh-linkgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lh-linkcol h3{font-size:22px;margin:0 0 14px}
.lh-linkcol ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lh-linkcol a{color:#084ad7;text-decoration:none;font-weight:600}
.lh-linkcol a:hover{text-decoration:underline}
@media(max-width:700px){.lh-linkgrid{grid-template-columns:1fr}}

/* migas de pan */
.lh-breadcrumb{font-size:14px;color:#383838;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lh-breadcrumb a{color:#084ad7;text-decoration:none}
.lh-breadcrumb a:hover{text-decoration:underline}
.lh-breadcrumb i{font-style:normal;opacity:.5}

/* contacto */
.lh-contactlist{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.lh-contactlist li{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline}
.lh-contactlist span{min-width:90px;font-size:14px;opacity:.7}
.lh-contactlist a{font-weight:600;color:inherit;text-decoration:none;border-bottom:1px solid currentColor}

/* pie */
.lh-footnote{font-size:13px;line-height:1.5;color:#383838;opacity:.75;margin:18px auto 0;max-width:940px;padding:0 20px;text-align:center}
.lh-legal a{color:inherit;text-decoration:none}
.lh-legal a:hover{text-decoration:underline}

/* texto de servicios */
.richtext ul{margin:0 0 20px;padding-left:22px}
.richtext li{margin-bottom:6px}
.richtext a{color:#084ad7}

/* servicios (hub) */
.lh-hubservices{padding-top:var(--section-gap-small)}
.lh-hubservices .services-detiels-inner-wrapper{width:100%}

/* preguntas frecuentes (acordeon propio, no depende de la animacion) */
.lh-faq .minus-icon{opacity:0}
.lh-faq.lh-open .plus-icon{opacity:0}
.lh-faq.lh-open .minus-icon{opacity:1}
.lh-faq-toggle{cursor:pointer}
.lh-faq{opacity:1!important;transform:none!important}
.lh-faq .ans-wrapper{height:auto!important;max-height:0;transition:max-height .3s ease}
.lh-faq.lh-open .ans-wrapper{max-height:600px}
.lh-faq .plus-icon,.lh-faq .minus-icon{transition:opacity .2s}

/* titulos en castellano: sin mayuscula en cada palabra */
h1,h2,h3,h4,h5,h6,.primary-button-text,.section-sub-title,.hero-title,.progress-title,.services-title,.get-in-touch-button{text-transform:none!important}

/* movil: el selector de diapositivas no debe tapar el formulario */
@media(max-width:767px){.hero-slider-progress-wrapper{display:none}}

/* fotos de portada: no cortar la cabeza */
.background-video-img{object-position:center 18%}

/* imagen principal de servicio: sin estirar */
.servies-details-main-img{height:auto!important;aspect-ratio:4/3;object-fit:cover;width:100%}
.services-details-img-box img,.richtext img{height:auto!important}

/* ---- variante limpieza del hogar ---- */
/* botones de portada */
.lh-herobtns{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.lh-herolink{color:#fff;font-weight:600;font-size:17px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.lh-herolink:hover{opacity:.85}
@media(max-width:767px){.lh-herobtns{margin-top:18px}}

/* etiqueta "mas pedido" */
.lh-badge{display:inline-block;align-self:flex-start;background:#084ad7;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:10px}

/* precios y planes */
.lh-precios{padding-top:var(--section-gap-medium);padding-bottom:var(--section-gap-medium)}
.lh-plangrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}
.lh-plan{display:flex;flex-direction:column;gap:14px;padding:32px;border:1px solid #5b596e33;border-radius:16px;background:#fff;color:#101010}
.lh-plan.lh-plan-top{border:2px solid #084ad7;box-shadow:0 12px 36px #084ad71f}
.lh-plan h3{margin:0;font-size:24px;line-height:1.2}
.lh-plan-precio{display:flex;align-items:baseline;gap:8px;font-family:"Inter Tight",Manrope,sans-serif}
.lh-plan-precio strong{font-size:44px;line-height:1;font-weight:800;color:#084ad7}
.lh-plan-precio span{font-size:18px;color:#383838}
.lh-plan p{margin:0;font-size:16px;line-height:1.55;color:#383838}
.lh-plan ul{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:10px}
.lh-plan li{position:relative;padding-left:26px;font-size:16px;line-height:1.4}
.lh-plan li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#084ad7;box-shadow:inset 0 0 0 4px #fff;outline:1px solid #084ad7;outline-offset:-1px}
.lh-plan .primary-button{margin-top:auto;align-self:flex-start}
.lh-precio-nota{max-width:900px;margin:22px auto 0;font-size:14px;line-height:1.5;color:#383838;opacity:.8;text-align:center}
@media(max-width:767px){.lh-plangrid{grid-template-columns:1fr}.lh-plan{padding:24px}}

/* boton grande de WhatsApp */
.lh-wabtn{display:inline-flex;align-items:center;gap:14px;background:#25d366;color:#fff!important;font-family:"Inter Tight",Manrope,sans-serif;font-weight:700;font-size:20px;line-height:1.2;text-decoration:none;padding:20px 32px;border-radius:14px;box-shadow:0 10px 28px #25d36640;transition:transform .2s,box-shadow .2s}
.lh-wabtn:hover{transform:translateY(-2px);box-shadow:0 14px 34px #25d36655}
.lh-wabtn svg{width:32px;height:32px;fill:#fff;flex:none}
@media(max-width:600px){.lh-wabtn{font-size:17px;padding:16px 20px}.lh-wabtn svg{width:28px;height:28px}}
.lh-wawrap{margin-top:8px}

/* contacto: el titulo iba superpuesto a una cuadricula que ya no existe */
.book-now-title-wrapper{position:static!important;max-width:640px}
.book-now-img-main-wrapper{padding:0}
.lh-contactlist,.lh-contactlist *{font-family:Manrope,sans-serif}

/* logo Helpy Limpieza (immagine) */
.lh-logo img{display:block;height:50px;width:auto}
.footer .lh-logo img{height:60px}
@media(max-width:767px){.lh-logo img{height:42px}}

/* sezione "Así de fácil": da scura a bianca */
.section.our-process{background-color:#fff}
.section-title.our-process{color:#101010}
.our-process-card-sub-title{color:#084ad7}
.our-process-card-title{color:#101010}
.our-process-card-text{color:#383838}
.over-shape{background-color:#fff}

/* un solo slide en el hero: sin flechas, puntos ni barra de progreso */
.hero-slider .left-arrow,.hero-slider .right-arrow,.hero-slider .slide-nav,.hero-slider-progress-wrapper{display:none}

/* contacto en movil: etiqueta encima, valor alineado a la izquierda */
@media(max-width:600px){.lh-contactlist,.lh-contactlist li{text-align:left}.lh-contactlist li{flex-direction:column;align-items:flex-start;gap:2px}.lh-contactlist span{min-width:0}}

/* movil y tablet: Webflow dejaba estos bloques con opacity:0 (su animacion de scroll no se dispara), asi que los mostramos siempre */
@media(max-width:991px){
  .hero-form-title,.media-flex.center,.footer-grid-inner,.residential-grid,.footer-contact-single,.copyright-wrapper,.superior-title,.say-hello{opacity:1!important;transform:none!important}
}

/* el pie ya lista el unico servicio en su columna: evitamos el duplicado */
.residential-grid{display:none}

/* contacto: tres tarjetas (telefono, correo, horario) */
.lh-ccards{list-style:none;margin:36px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;text-align:center;font-family:Manrope,sans-serif}
.lh-ccards li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 20px;background:#fff;border:1px solid #084ad71f;border-radius:20px;box-shadow:0 10px 30px #084ad712;color:#101010;transition:transform .25s,box-shadow .25s,border-color .25s}
.lh-ccards li:hover{transform:translateY(-4px);border-color:#084ad766;box-shadow:0 16px 38px #084ad72b}
.lh-cicon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#e6f9fd,#e8eefc);color:#084ad7;margin-bottom:6px}
.lh-clabel{font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:#6b6b80}
.lh-ccards a,.lh-ccards b{font-size:17px;font-weight:700;line-height:1.35;color:#101010;text-decoration:none;word-break:break-word}
.lh-ccards a:hover{color:#084ad7}
.lh-ccards small{font-size:15px;color:#383838}
@media(max-width:991px){.lh-ccards{grid-template-columns:1fr;max-width:420px}}

/* menos espacio vacio entre secciones */
.section.our-process{height:170vh}
.section.faq{padding-top:90px;padding-bottom:60px}
@media(max-width:991px){.section.faq{padding-top:60px;padding-bottom:40px}}

/* tarjetas de contacto: correo en una linea y mas ancho */
.lh-ccards{max-width:1080px;gap:20px}
.lh-ccards li{padding:26px 16px}
.lh-ccards a[href^="mailto"]{font-size:15.5px;white-space:nowrap;word-break:normal}
@media(max-width:420px){.lh-ccards a[href^="mailto"]{font-size:14.5px}}
@media(min-width:992px){.lh-ccards{width:min(1000px,92vw);max-width:none;margin-left:50%;transform:translateX(-50%)}}

/* nota bajo el formulario del hero: legible sobre la foto oscura */
.lh-form-note{color:#fff;opacity:1;font-size:13.5px;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.65)}
.lh-form-note a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* footer: el boton de WhatsApp ya no tapa el texto "ESCRIBENOS" */
.footer-form-wrapper{max-width:none;align-items:flex-start}
.get-in-touch-wrap{max-width:none;flex-wrap:nowrap;gap:18px}
.get-in-touch-text{margin-top:0;font-size:clamp(34px,4.6vw,60px);letter-spacing:-2px;white-space:nowrap}
.get-in-touch-button{position:static!important;flex:none;transform:none!important;margin:0}

/* servicios (escritorio): sin zona pegajosa ni espacio en blanco; las tarjetas se deslizan con el raton/dedo */
@media(min-width:992px){
  .services-detiels-wrapper{height:auto!important;padding-bottom:70px}
  .services-detiels-flex{position:static!important}
  .services-detiels-inner-flex{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:6px 6px 18px;scrollbar-width:thin;scrollbar-color:#084ad7 #e6ebf7}
  .services-detiels-single-flex{width:max-content!important;transform:none!important;gap:24px}
  .services-collection-item{scroll-snap-align:start;flex:none}
  .services-detiels-inner-flex::-webkit-scrollbar{height:8px}
  .services-detiels-inner-flex::-webkit-scrollbar-thumb{background:#084ad7;border-radius:8px}
  .services-detiels-inner-flex::-webkit-scrollbar-track{background:#e6ebf7;border-radius:8px}
}