.elementor-kit-6657{--e-global-color-primary:#8b5cf6;--e-global-color-secondary:#ec4899;--e-global-color-text:#111827;--e-global-color-accent:#6366f1;--e-global-color-036b2ba:#f59e0b;--e-global-color-c344daa:#10b981;--e-global-color-c11c376:#6b7280;--e-global-color-6420113:#e5e7eb;--e-global-color-e03308f:#f3f4f6;--e-global-color-581fe9b:#fafafa;--e-global-color-271f604:#0a0a0a;--e-global-color-43bad22:#eef2ff;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4em;font-family:"Manrope", Sans-serif;font-weight:400;}.elementor-kit-6657 h1{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-kit-6657 h2{font-family:"Manrope", Sans-serif;font-weight:700;}.elementor-kit-6657 h3{font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-kit-6657 h4{font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-kit-6657 button,.elementor-kit-6657 input[type="button"],.elementor-kit-6657 input[type="submit"],.elementor-kit-6657 .elementor-button{font-family:"Manrope", Sans-serif;font-weight:600;border-radius:999px 999px 999px 999px;padding:13px 28px 13px 28px;}.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);}.elementor-kit-6657 e-page-transition{background-color:#FFBC7D;}.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 */@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
body, .elementor, .elementor *:not(i):not(svg):not(.fa):not(.fas):not(.far):not(.fab){
font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
:root{
--mr-grad:linear-gradient(90deg,#8b5cf6 0%,#ec4899 25%,#f59e0b 50%,#10b981 75%,#6366f1 100%);
--mr-text:#111827;--mr-muted:#6b7280;--mr-border:#e5e7eb;
--mr-bg-soft:#f3f4f6;--mr-accent:#6366f1;
--mr-font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
@keyframes mr-shim{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes mr-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes mr-pulse{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}
@keyframes mr-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes mr-ring{0%,100%{box-shadow:0 1px 6px rgba(32,33,36,.12),0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 1px 6px rgba(32,33,36,.12),0 0 0 8px rgba(99,102,241,.1)}}
@keyframes mr-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.mr-seo-grad{background:var(--mr-grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:mr-shim 5s linear infinite;display:inline-block}
.mr-seo-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.mr-seo-reveal.is-visible{opacity:1;transform:none}
.mr-seo-page,.mr-seo-page *{font-family:var(--mr-font)}
@media (max-width:900px){
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:32px"]>div{flex:1 1 calc(50% - 16px) !important;min-width:0 !important}
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:20px"]>div,
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:24px"]>article{flex:1 1 100% !important;min-width:0 !important;max-width:480px}
}
@media (max-width:768px){
.mr-seo-page h1{font-size:clamp(1.8rem,8vw,2.4rem) !important}
.mr-seo-page h2{font-size:clamp(1.4rem,6vw,1.8rem) !important}
.mr-seo-page [style*="padding:96px 20px"]{padding:64px 16px !important}
.mr-seo-page [style*="padding:80px 32px"]{padding:48px 20px !important}
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:12px;margin-top:24px"]>div{flex:1 1 100% !important;min-width:0 !important}
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:56px"]{flex-direction:column;text-align:center}
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:56px"]>div:first-child{flex:0 0 auto !important;width:200px;height:200px;font-size:3rem !important}
.mr-seo-page [style*="margin-top:10px;background:#fff;border:1px solid #dfe1e5;border-radius:14px"] a{font-size:13px !important;padding:10px 14px !important}
.mr-seo-page [style*="display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe1e5;border-radius:28px"]{flex-wrap:wrap;gap:8px !important;padding:10px 14px !important}
.mr-seo-page [style*="display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe1e5;border-radius:28px"] [style*="font-size:11px;padding:4px 10px"]{display:none}
}
@media (max-width:520px){
.mr-seo-page [style*="padding:64px 20px 96px"]{padding:32px 16px 48px !important}
.mr-seo-page>div>div[style*="display:flex;flex-wrap:wrap;gap:32px"]>div{flex:1 1 100% !important}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
.mr-seo-reveal{opacity:1;transform:none}
}
/* ============ HOVER EFFECTS y comportamiento de cards ============ */
/* IMPORTANT: estas reglas viven en Custom CSS porque :hover no es inline-able.
   Aplicamos !important para pisar estilos del tema activo (Astra/Hello/etc.). */

/* Service cards */
.bh26-card-svc{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
  cursor:pointer !important;
}
.bh26-card-svc:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
  border-color:#6366f1 !important;
}

/* Case cards y Testimonials */
.bh26-card-case{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.bh26-card-case:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.08) !important;
  border-color:#6366f1 !important;
}

/* Blog cards */
.bh26-card-blog{
  transition:transform .2s ease, box-shadow .2s ease !important;
  cursor:pointer !important;
}
.bh26-card-blog:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.08) !important;
}

/* CTA button blanco (en CTA box dark) */
.mr-seo-page a[href][style*="background:#fff"][style*="color:#0a0a0a"]{
  transition:transform .15s ease, box-shadow .2s ease !important;
}
.mr-seo-page a[href][style*="background:#fff"][style*="color:#0a0a0a"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 30px rgba(255,255,255,.2) !important;
}

/* Reset text-transform: el tema activo a veces convierte spans en uppercase */
.bh26-card-svc, .bh26-card-svc *,
.bh26-card-case, .bh26-card-case *,
.bh26-card-blog, .bh26-card-blog *{
  text-transform:none !important;
  letter-spacing:normal !important;
}
/* Excepciones: lo que SÍ debe ir en uppercase (ej: tag pills) */
.bh26-card-svc [style*="text-transform:uppercase"],
.bh26-card-case [style*="text-transform:uppercase"],
.bh26-card-blog [style*="text-transform:uppercase"],
.bh26-card-svc [style*="font-weight:700"][style*="letter-spacing:.02em"]{
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

/* ============ FAQ ANIMATION (despliegue suave) ============ */
/* Truco: usar grid-template-rows con 0fr/1fr para animar `auto`.
   Funciona en todos los navegadores modernos sin necesidad de JS. */

.mr-seo-page details{
  overflow:hidden;
}
/* El contenedor del contenido del FAQ */
.mr-seo-page details > div{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .35s ease, padding .35s ease, margin .35s ease;
  padding:0 !important;
  margin:0 !important;
}
.mr-seo-page details[open] > div{
  grid-template-rows:1fr;
  padding:14px 0 0 !important;
}
/* Wrapper interno necesario para que grid pueda animar */
.mr-seo-page details > div > *{
  min-height:0;
  overflow:hidden;
}

/* Summary: cursor + chevron rotativo animado */
.mr-seo-page details summary{
  list-style:none !important;
  cursor:pointer;
  transition:color .15s ease;
}
.mr-seo-page details summary::-webkit-details-marker{
  display:none !important;
}
.mr-seo-page details summary:hover{
  color:#6366f1;
}
/* El "+" que se convierte en "−" al abrir */
.mr-seo-page details summary > span:last-child{
  display:inline-block;
  transition:transform .3s ease;
  font-size:24px;
  color:#6b7280;
  font-weight:300;
}
.mr-seo-page details[open] summary > span:last-child{
  transform:rotate(45deg);
}

@media (prefers-reduced-motion: reduce){
  .mr-seo-page details > div{
    transition:none !important;
  }
  .mr-seo-page details summary > span:last-child{
    transition:none !important;
  }
}







/* ============ Loop Grid bhmontejo26 ============ */
.bh26-loop-section{font-family:'Manrope',-apple-system,sans-serif}

/* Card hover */
.bh26-loop-card{
  transition:transform .2s ease, box-shadow .2s ease;
  cursor:pointer;
  height:100%;
  display:flex;
  flex-direction:column;
}
.bh26-loop-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* Featured image — fixed height + cover */
.bh26-loop-img{
  width:100% !important;
}
.bh26-loop-img img{
  width:100% !important;
  height:160px !important;
  object-fit:cover !important;
  display:block !important;
}

/* Gradient fallback when no featured image */
.e-loop-item .bh26-loop-img:not(:has(img)){
  height:160px;
  background:linear-gradient(135deg,#ddd6fe,#fbcfe8);
}
.e-loop-item:nth-child(3n+2) .bh26-loop-img:not(:has(img)){
  background:linear-gradient(135deg,#fef3c7,#fde68a);
}
.e-loop-item:nth-child(3n+3) .bh26-loop-img:not(:has(img)){
  background:linear-gradient(135deg,#d1fae5,#a7f3d0);
}

/* Meta row */
.bh26-loop-meta{
  font-size:11px !important;
  color:#6b7280 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-weight:600 !important;
  font-family:'Manrope',sans-serif !important;
}
.bh26-loop-meta > *{
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin:0 !important;
  line-height:1 !important;
}
/* Category styling */
.bh26-loop-cat,
.bh26-loop-cat a,
.bh26-loop-cat .elementor-icon-list-text,
.bh26-loop-meta .elementor-post-info__terms-list a{
  color:#6366f1 !important;
  text-decoration:none !important;
  font-weight:600 !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
.bh26-loop-cat a:hover{text-decoration:underline !important}

/* Separator dot */
.bh26-loop-sep,
.bh26-loop-sep .elementor-heading-title{
  color:#9ca3af !important;
  opacity:.7;
  font-weight:400 !important;
  font-size:11px !important;
  letter-spacing:0 !important;
}

/* Date */
.bh26-loop-date,
.bh26-loop-date .elementor-icon-list-text,
.bh26-loop-date .elementor-post-info__item{
  color:#6b7280 !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-weight:600 !important;
}

/* Reset Elementor's icon-list bullets in post-info widget */
.bh26-loop-meta .elementor-icon-list-items,
.bh26-loop-meta .elementor-icon-list-item,
.bh26-loop-meta ul{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  display:inline-block !important;
}
.bh26-loop-meta .elementor-icon-list-icon{
  display:none !important;
}

/* Title link */
.bh26-loop-title,
.bh26-loop-title a{
  color:#111827 !important;
  text-decoration:none !important;
  transition:color .15s ease !important;
}
.bh26-loop-card:hover .bh26-loop-title,
.bh26-loop-card:hover .bh26-loop-title a{
  color:#6366f1 !important;
}

/* Excerpt — clamp to 3 lines */
.bh26-loop-excerpt p{
  margin:0 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:13px !important;
  color:#6b7280 !important;
  line-height:1.55 !important;
}

/* Body container takes remaining space so cards align in height */
.bh26-loop-body{
  flex:1 1 auto;
}

/* Responsive */
@media (max-width:900px){
  .bh26-loop-grid .elementor-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }
}
@media (max-width:600px){
  .bh26-loop-grid .elementor-grid{
    grid-template-columns:1fr !important;
  }
  .bh26-loop-img img{
    height:200px !important;
  }
}/* End custom CSS */