html{scroll-behavior:smooth}body,html{overflow:initial}main #intro{margin-bottom:var(--sections-space);display:grid;grid-template-columns:100%;gap:var(--middle-space)}main #intro .innerQ.introQ{display:grid;grid-template-columns:100%;gap:var(--small-space);text-align:center}main #intro .innerQ.introQ .topQ{display:grid;grid-template-columns:100%;gap:var(--gap);justify-content:center;align-items:center}main #intro .innerQ.introQ .topQ .logoQ{width:min(100%,8rem);margin:0 auto;-webkit-mask-position:center;mask-position:center}main #intro .innerQ.introQ .topQ .logoQ img{-o-object-position:center;object-position:center}main #intro .innerQ.introQ .topQ .titleQ{color:var(--white);width:min(480px,100%);text-wrap:balance;margin:0 auto}main #intro .innerQ.introQ ul.linksListQ{gap:calc(.25*var(--gap)) var(--gap);justify-content:center;color:var(--light-grey);font-size:.75rem;line-height:1.4;font-weight:547}main #intro .innerQ.introQ ul.linksListQ a:hover{text-decoration:underline}main #intro .innerQ.introQ ul.linksListQ li:not(:last-child)::after{margin-left:var(--gap)}main #intro .innerQ.statisticsQ .statsQ{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}main #intro .innerQ.statisticsQ .statsQ li{width:min(50% - .5*var(--gap),max((var(--in-width, 100dvw) - 2*var(--lateral-space) - 11*var(--gap))/12,8rem))}main #servicios{margin-bottom:var(--sections-space);display:grid;grid-template-columns:100%;gap:var(--sections-space)}main #servicios .serviceQ.mediaBlockQ .innerQ .subtitleQ{grid-column:1/-1}main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .subtitleQ{margin-bottom:calc(.5*var(--gap))}main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .infoQ{gap:0}main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .infoQ .descriptionQ{font-size:.875rem}main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .infoQ .descriptionQ *{font-size:.875rem}main #shttps://agencia-quantum.entorno-desarrollo.es/wp-admin/admin.php?page=litespeed-img_optmervicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .statisticsQ .statsQ{grid-template-columns:repeat(auto-fit, minmax(min(50% - 0.5 * var(--gap), max((100% - 3 * var(--gap)) / 4, 5rem)), 1fr))}body.lightQ main[role=main] #intro .innerQ.introQ .topQ .titleQ{color:var(--dark-grey)}@media only screen and (max-width: 769px){main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ{gap:var(--small-space)}main #servicios .serviceQ.mediaBlockQ .innerQ .wrapperContentQ .contentQ .statisticsQ .statsQ{grid-template-columns:repeat(auto-fit, minmax(min(50% - 0.5 * var(--gap), max((100% - 3 * var(--gap)) / 4, 8rem)), 1fr))}}