.superl-service-content{--superl-service-gap:32px;--superl-mosaic-gap:12px;--superl-editorial-image-height:440px;width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--superl-service-gap)}
.superl-service-content__title{margin:0;line-height:1.12}
.superl-service-content__intro{width:100%;max-width:var(--superl-intro-width,100%)}
.superl-service-content__intro>:first-child,.superl-service-content__block-copy>:first-child{margin-top:0}.superl-service-content__intro>:last-child,.superl-service-content__block-copy>:last-child{margin-bottom:0}
.superl-service-content__blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
.superl-service-content__block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.5vw,36px);align-items:start;min-width:0}
.superl-service-content__block-text,.superl-service-content__block-media{min-width:0}
.superl-service-content__block-image{width:100%;height:var(--superl-editorial-image-height);display:block;object-fit:cover}.superl-service-content__block-media--top .superl-service-content__block-image{object-position:center top}.superl-service-content__block-media--center .superl-service-content__block-image{object-position:center center}.superl-service-content__block-media--bottom .superl-service-content__block-image{object-position:center bottom}
.superl-service-content__block h2,.superl-service-content__block-title{display:block!important;visibility:visible!important;opacity:1!important;margin:0 0 18px!important;padding:0!important;color:inherit;font-size:clamp(24px,2vw,34px);line-height:1.12;font-weight:700}
.superl-service-content__mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:var(--superl-mosaic-gap)}
.superl-service-content__tile{margin:0;overflow:hidden;position:relative;min-width:0}.superl-service-content__tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.superl-service-content__tile:hover img{transform:scale(1.025)}
.superl-service-content__tile--wide{grid-column:span 2}.superl-service-content__tile--tall{grid-row:span 2}.superl-service-content__tile--large{grid-column:span 2;grid-row:span 2}
.superl-service-content__tile--top img{object-position:center top}.superl-service-content__tile--bottom img{object-position:center bottom}.superl-service-content__tile--left img{object-position:left center}.superl-service-content__tile--right img{object-position:right center}
.superl-service-content__tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;background:rgba(255,255,255,.88);font-size:13px}
@media(max-width:1024px){.superl-service-content__blocks{grid-template-columns:1fr}.superl-service-content__mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}}
@media(max-width:767px){.superl-service-content__block{grid-template-columns:1fr}.superl-service-content__block-text{order:1}.superl-service-content__block-media{order:2}.superl-service-content__mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px}.superl-service-content__tile--wide,.superl-service-content__tile--large{grid-column:span 2}.superl-service-content__tile--tall,.superl-service-content__tile--large{grid-row:span 2}}

/* 1.6.5 · Columna editorial + mosaico */
.superl-service-content--mosaic .superl-service-content__title{margin-bottom:0}
.superl-service-content__mosaic-layout{display:grid;grid-template-columns:minmax(220px,25%) minmax(0,1fr);gap:clamp(20px,2.5vw,40px);align-items:stretch;min-width:0}
.superl-service-content__side{display:flex;flex-direction:column;min-width:0}
.superl-service-content__side-title{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0 0 18px!important;padding:0!important;color:#142c4a;font-size:clamp(24px,2vw,34px);line-height:1.12;font-weight:700;text-indent:0!important}.superl-service-content__side-title span{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important;font:inherit!important;line-height:inherit!important}
.superl-service-content__side-copy{min-width:0}
.superl-service-content__side-copy>:first-child{margin-top:0}.superl-service-content__side-copy>:last-child{margin-bottom:0}
.superl-service-content__side-media{margin-top:auto;padding-top:28px}
.superl-service-content__side-image{display:block;width:100%;height:auto}
@media(max-width:1024px){.superl-service-content__mosaic-layout{grid-template-columns:minmax(190px,30%) minmax(0,1fr);gap:24px}}
@media(max-width:767px){.superl-service-content__mosaic-layout{grid-template-columns:1fr;gap:28px}.superl-service-content__side-media{margin-top:20px;padding-top:0}.superl-service-content__side-image{max-width:100%}}

/* 1.6.7 · encabezado común + H2 visible en columna editorial */
.superl-service-content--mosaic>.superl-service-content__intro{width:100%;max-width:var(--superl-intro-width,100%);margin-top:-12px;margin-bottom:4px}
.superl-service-content__side>h2.superl-service-content__side-title{display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;position:static!important;float:none!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:1em!important;overflow:visible!important;white-space:normal!important;margin:0 0 20px!important;padding:0!important;text-indent:0!important;font-size:clamp(24px,2vw,34px);line-height:1.12;font-weight:700;color:inherit}
@media(max-width:767px){.superl-service-content--mosaic>.superl-service-content__intro{margin-top:-8px;margin-bottom:0}}


/* 1.7.9 · textos editoriales compactos + CTA por bloque */
.superl-service-content__readmore{appearance:none;border:0;background:none;padding:0;margin:14px 0 0;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.superl-service-content__readmore:hover,.superl-service-content__readmore:focus-visible{opacity:.72}
.superl-service-content__block-link{display:inline-block;margin-top:14px;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.superl-service-content__block-link:hover,.superl-service-content__block-link:focus-visible{opacity:.72}
.superl-service-content__block-copy--full[hidden]{display:none!important}

/* 1.7.10 · CTA independiente del Leer más/menos */
.superl-service-content__block-cta{margin-top:10px;}


/* 1.7.11 · refinamiento visual de cuadrícula editorial */
.superl-service-content{--superl-editorial-row-gap:54px;--superl-editorial-image-radius:8px;--superl-summary-lines:8}
.superl-service-content--editorial .superl-service-content__blocks{column-gap:clamp(28px,4vw,56px);row-gap:var(--superl-editorial-row-gap)}
.superl-service-content--editorial .superl-service-content__block-image{border-radius:var(--superl-editorial-image-radius)}
.superl-service-content--editorial .superl-service-content__block-copy--summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--superl-summary-lines);overflow:hidden}
.superl-service-content--editorial .superl-service-content__readmore{font-size:.92em;font-weight:600;margin-top:12px}
.superl-service-content--editorial .superl-service-content__block-cta{margin-top:14px}
.superl-service-content--editorial .superl-service-content__block-link{text-decoration:none;margin-top:0;font-weight:700}
.superl-service-content--cta-text .superl-service-content__block-link{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.superl-service-content--cta-accent .superl-service-content__block-link{display:inline-flex;align-items:center;gap:.35em;padding:3px 0;border-bottom:2px solid currentColor}
.superl-service-content--cta-button .superl-service-content__block-link{display:inline-flex;align-items:center;gap:.4em;padding:9px 14px;border:1px solid currentColor;border-radius:7px;text-decoration:none}
@media(max-width:767px){.superl-service-content--editorial .superl-service-content__blocks{row-gap:var(--superl-editorial-row-gap)}}


/* 1.7.12 · orden móvil de imagen + hover configurable */
.superl-service-content--editorial .superl-service-content__block-media{overflow:hidden;border-radius:var(--superl-editorial-image-radius);transition:transform .28s ease,box-shadow .28s ease}
.superl-service-content--editorial .superl-service-content__block-image{transition:transform .38s ease}
@media (hover:hover) and (pointer:fine){
.superl-service-content--hover-zoom .superl-service-content__block-media:hover .superl-service-content__block-image{transform:scale(1.045)}
.superl-service-content--hover-lift .superl-service-content__block-media:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.superl-service-content--hover-lift .superl-service-content__block-media:hover .superl-service-content__block-image{transform:scale(1.025)}
.superl-service-content--hover-tilt .superl-service-content__block-media:hover{transform:translateY(-3px) rotate(-.6deg);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.superl-service-content--hover-tilt .superl-service-content__block-media:hover .superl-service-content__block-image{transform:scale(1.02)}
}
@media(max-width:767px){
.superl-service-content--editorial.superl-service-content--mobile-media-before .superl-service-content__block-media{order:1}
.superl-service-content--editorial.superl-service-content--mobile-media-before .superl-service-content__block-text{order:2}
.superl-service-content--editorial.superl-service-content--mobile-media-after .superl-service-content__block-text{order:1}
.superl-service-content--editorial.superl-service-content--mobile-media-after .superl-service-content__block-media{order:2}
}

/* 1.7.13 · galería adicional por bloque editorial */
.superl-service-content__block-media--gallery{cursor:zoom-in}
.superl-service-content__gallery-badge{position:absolute;right:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 11px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(20,20,20,.82);color:#fff;font-size:13px;font-weight:700;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.28);pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.superl-service-content__gallery-badge:before{content:"▣";font-size:12px;line-height:1;color:#fff}
.superl-service-content__lightbox{position:fixed;inset:0;z-index:calc(var(--huucc-z, 999990) + 100);display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,10,14,.92);overscroll-behavior:contain;touch-action:pan-y}
.superl-service-content__lightbox[hidden]{display:none!important}
.superl-service-content__lightbox-stage{position:relative;width:min(1180px,calc(100vw - 48px));height:min(86dvh,860px);display:flex;align-items:center;justify-content:center}
.superl-service-content__lightbox-image{display:block;max-width:calc(100% - 120px);max-height:calc(100% - 24px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.28);user-select:none;-webkit-user-drag:none}
.superl-service-content__lightbox-close,.superl-service-content__lightbox-prev,.superl-service-content__lightbox-next{position:absolute;z-index:3;border:0;background:rgba(255,255,255,.94);color:#111;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px 18px rgba(0,0,0,.25)}
.superl-service-content__lightbox-close{right:0;top:-4px;width:42px;height:42px;border-radius:50%;font-size:26px}
.superl-service-content__lightbox-prev,.superl-service-content__lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:58px;border-radius:10px;font-size:30px}
.superl-service-content__lightbox-prev{left:0}.superl-service-content__lightbox-next{right:0}
.superl-service-content__lightbox-count{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);color:#fff;font-size:14px;font-weight:600}
@media(max-width:767px){.superl-service-content__gallery-badge{right:8px;bottom:8px;min-height:30px;padding:5px 9px;font-size:12px}.superl-service-content__lightbox{padding:10px}.superl-service-content__lightbox-stage{width:calc(100vw - 20px);height:88dvh}.superl-service-content__lightbox-image{max-width:100%;max-height:calc(100% - 90px)}.superl-service-content__lightbox-prev,.superl-service-content__lightbox-next{top:auto;bottom:8px;transform:none;width:44px;height:44px;border-radius:50%}.superl-service-content__lightbox-prev{left:calc(50% - 58px)}.superl-service-content__lightbox-next{right:calc(50% - 58px)}.superl-service-content__lightbox-close{right:4px;top:4px;width:42px;height:42px}.superl-service-content__lightbox-count{bottom:20px}}

/* 1.7.15 · galería: badge anclado por elemento + controles consistentes */
.superl-service-content__block-media{position:relative}
.superl-service-content__gallery-badge{right:10px;bottom:10px}
.superl-service-content__lightbox-close,
.superl-service-content__lightbox-prev,
.superl-service-content__lightbox-next{
  appearance:none;-webkit-appearance:none;
  outline:0!important;
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,color .16s ease,transform .16s ease;
}
.superl-service-content__lightbox-close{
  top:0;right:0;width:38px;height:38px;padding:0;
  border:1px solid rgba(255,255,255,.28);border-radius:50%;
  background:#fff;color:#111;font:400 0/1 Arial,sans-serif;
}
.superl-service-content__lightbox-close::before,
.superl-service-content__lightbox-close::after{
  content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;
  border-radius:2px;background:currentColor;transform-origin:center;
}
.superl-service-content__lightbox-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.superl-service-content__lightbox-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.superl-service-content__lightbox-close:hover,
.superl-service-content__lightbox-close:focus,
.superl-service-content__lightbox-close:focus-visible,
.superl-service-content__lightbox-close:active,
.superl-service-content__lightbox-prev:hover,
.superl-service-content__lightbox-prev:focus,
.superl-service-content__lightbox-prev:focus-visible,
.superl-service-content__lightbox-prev:active,
.superl-service-content__lightbox-next:hover,
.superl-service-content__lightbox-next:focus,
.superl-service-content__lightbox-next:focus-visible,
.superl-service-content__lightbox-next:active{
  background:#000!important;color:#fff!important;border-color:#000!important;outline:0!important;
}
@media(max-width:767px){
  .superl-service-content__lightbox-close{top:4px;right:4px;width:38px;height:38px}
  .superl-service-content__gallery-badge{right:8px;bottom:8px}
}

/* 1.7.16 · mobile lightbox navigation: arrows at lateral extremes */
@media(max-width:767px){
  .superl-service-content__lightbox-stage{width:100%;height:88dvh}
  .superl-service-content__lightbox-prev,
  .superl-service-content__lightbox-next{
    top:auto;bottom:8px;transform:none;
    width:44px;height:44px;border-radius:50%;
  }
  .superl-service-content__lightbox-prev{left:8px}
  .superl-service-content__lightbox-next{right:8px}
  .superl-service-content__lightbox-count{
    left:50%;right:auto;bottom:20px;
    transform:translateX(-50%);
    min-width:64px;text-align:center;
    pointer-events:none;
  }
}

/* 1.7.17 · mobile lightbox: arrows vertically centered at lateral extremes */
@media(max-width:767px){
  .superl-service-content__lightbox-prev,
  .superl-service-content__lightbox-next{
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border-radius:50%;
  }
  .superl-service-content__lightbox-prev{left:8px;right:auto}
  .superl-service-content__lightbox-next{right:8px;left:auto}
  .superl-service-content__lightbox-count{
    left:50%;
    right:auto;
    bottom:12px;
    transform:translateX(-50%);
    min-width:64px;
    text-align:center;
    pointer-events:none;
  }
}

/* 1.7.18 · lightbox navigation: center arrow glyph inside its circular control */
.superl-service-content__lightbox-prev,
.superl-service-content__lightbox-next{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
  font-weight:400!important;
  text-indent:0!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
.superl-service-content__lightbox-prev{font-size:0!important}
.superl-service-content__lightbox-next{font-size:0!important}
.superl-service-content__lightbox-prev::before,
.superl-service-content__lightbox-next::before{
  display:block;
  margin:0;
  padding:0;
  color:currentColor;
  font-family:Arial,sans-serif;
  font-size:30px;
  font-weight:400;
  line-height:1;
  transform:translateY(-1px);
}
.superl-service-content__lightbox-prev::before{content:"‹"}
.superl-service-content__lightbox-next::before{content:"›"}
@media(max-width:767px){
  .superl-service-content__lightbox-prev,
  .superl-service-content__lightbox-next{
    width:44px!important;
    height:44px!important;
    padding:0!important;
  }
  .superl-service-content__lightbox-prev::before,
  .superl-service-content__lightbox-next::before{font-size:28px}
}