/* =========================================================
   SPC León · correcciones SEO y legibilidad (2026)
   Se carga al final: no cambia el diseño, solo:
   1) da a .vh1-.vh6 el mismo aspecto que h1-h6 del tema, para poder
      usar la etiqueta correcta (h1, h2, h3, div) sin que cambie el look;
   2) sube el contraste del texto gris y los tamaños mínimos en móvil.
   ========================================================= */

/* ---- 2) legibilidad ---- */
body { color: #6e6e80; }               /* antes #aaaaaa: contraste 2.3:1 -> 5:1 */
.text-gray, label { color: #6e6e80; }
a.seo-tel, a.seo-tel:focus { color: inherit; }
a.seo-tel:hover { color: #f58736; }
@media (max-width: 767px) {
  body { font-size: 15px; line-height: 26px; }
  .accordion .acd-heading, .accordion .acd-group .acd-heading { font-size: 14px; }
  .footer .footer-nav ul li a, .section-title span { font-size: 13px; }
}

/* ---- 1) aspecto de encabezados para .vh1-.vh6 (generado desde los CSS del tema) ---- */
/* --- copiado de css/bootstrap.min.css --- */
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-top:0;margin-bottom:.5rem}
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:2.5rem}
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:2rem}
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:1.75rem}
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:1.5rem}
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:1.25rem}
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size:1rem}
@media print {
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {orphans:3;widows:3}
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {page-break-after:avoid}
}
/* --- copiado de css/mega-menu/mega_menu.css --- */
.mega-menu .drop-down :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-top: 0;
  font-weight: 700;}
.mega-menu .drop-down :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 1.5em;
  line-height: 1;
  padding-top: 0.53em;
  margin-bottom: 0.5em;}
.mega-menu .drop-down :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 1.375em;
  padding-top: 0.25em;
  margin-bottom: 0.5em;}
.mega-menu .drop-down :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 1.125em;
  line-height: 1;
  padding-top: 0.35em;
  margin-bottom: 0.65em;}
.mega-menu .drop-down :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 1em;
  text-transform: capitalize;
  line-height: 1.25;
  padding-top: 0.45em;
  margin-bottom: 10px;
  padding-left: 0px;
  letter-spacing: 0px;}
.mega-menu .drop-down :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 0.875em;
  font-weight: bold;
  padding-top: 0.6em;
  margin-bottom: 0.9em;}
.mega-menu .drop-down :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6),
.mega-menu .drop-down-tab-bar :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 0;}
/* --- copiado de css/style.css --- */
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-family: 'Poppins', sans-serif; font-weight: normal; color: #3e3e63; margin-top: 0px; margin-bottom: 0px; text-transform:uppercase;}
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) a,
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) a,
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) a,
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) a,
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) a,
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) a {color: inherit;}
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 54px; font-style: normal; font-weight: 700; line-height: 54px;}
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 40px; font-style: normal; font-weight: 700; line-height: 40px;}
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 30px; font-style: normal; font-weight: 700; line-height: 34px;}
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 24px; font-style: normal; font-weight: 400; line-height: 28px;}
:where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
:where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;}
.container-text :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 30px;}
@media screen and (max-width: 500px) {
.container-text :where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 20px;}
}
.our-service :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {line-height: 44px;}
.welcome-01 :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {line-height: 36px;}
.pricing .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6),
.pricing .pricing-title :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;}
.pricing .pricing-title :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-weight: 700;}
.pricing .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) span {font-size: 14px; display: inline-block; padding-right: 5px;}
.pricing.active .pricing-title :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #f58736;}
.pricing.active .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #f58736;}
.about-section .counter .counter-block :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 14px; text-transform: inherit;}
.footer :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6),
.footer :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #fff;}
.footer.light :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #f58736;}
.footer.light .contact-box .contact-info :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #3e3e63;}
.footer-dark .addresss-info :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {text-transform: inherit; font-weight: normal; font-family: 'Poppins', sans-serif;}
.footer.footer-bg :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #fff;}
.feature-main :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {line-height: 36px; text-transform: inherit;}
.testimonial-01 :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) span {display: block; font-size: 14px; text-transform: capitalize;}
.testimonial-02 .testimonial-title :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {line-height: 40px;}
.testimonial-03 .testimonial-info :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {position: absolute; content: ""; bottom: -70px; left: 50px;}
.testimonial-03 .testimonial-info :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) span {display: block; font-family: 'Poppins', sans-serif; color: #aaaaaa; font-size: 14px;}
.counter.light :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #3e3e63;}
.team .team-description :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #fff;}
.pricing.pricing-01:hover .pricing-title .section-title :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #fff;}
.pricing.pricing-01:hover .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #f58736;}
.pricing.pricing-01.active .pricing-title .section-title :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #fff;}
.pricing.pricing-01.active .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {color: #f58736;}
.sidebar-widgets-wrap .sidebar-widget :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-bottom: 20px;}
.comments-1 .comments-info :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {display: inline-block; margin-top: 0px; color: #f58736; font-weight: 400;}
/* --- copiado de css/responsive.css --- */
@media (max-width:1023px) {
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 44px; font-style: normal; line-height: normal;}
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 32px; font-style: normal; line-height: normal;}
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 24px; font-style: normal; line-height: normal;}
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 20px; font-style: normal; line-height: normal;}
.our-service :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-bottom: 15px !important; line-height: normal;}
.pricing .pricing-prize :where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 26px;}
.counter.light :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin: 15px 0 !important;}
.welcome-02 .welcome-02-content :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin: 10px 0 10px !important;}
.service-contact :where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin-top: 30px;}
}
@media (max-width:767px) {
:where(.vh1):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 38px; font-style: normal; line-height: normal;}
:where(.vh2):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 28px; font-style: normal; line-height: normal;}
:where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 22px; font-style: normal; line-height: normal;}
:where(.vh4):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 18px; font-style: normal; line-height: normal;}
.welcome-01 .feature-box-01 .feature-box-info :where(.vh5):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin: 0 !important;}
.customer-sport :where(.vh3):is(div,span,p,h1,h2,h3,h4,h5,h6) {margin: 0 0 15px !important;}
}
@media (max-width:479px) {
.about-section .counter .counter-block :where(.vh6):is(div,span,p,h1,h2,h3,h4,h5,h6) {font-size: 12px;}
}