/* =========================================================
   skins/ultrasound — "Ultrasound"

   Skin para servicios que se desplazan al paciente (ecografía
   móvil, laboratorio a domicilio). Rasgos propios: cono de
   barrido de ecógrafo en los bloques oscuros, panel de despacho
   flotando bajo el hero, esquinas cortadas en diagonal, cifras
   tabulares y ruta de pasos unida por línea discontinua.

   Color: SOLO variables --sk-*. Tipografía: SOLO var(--font*).
   Los paneles oscuros usan exactamente var(--sk-surface-ink) como
   fondo, porque --sk-on-ink / --sk-second-on-ink son las variantes
   del color de marca que skins.php garantiza legibles (AA) sobre
   ese hex concreto.
   ========================================================= */
[data-skin="ultrasound"] {
  --u-paper:  #FFFFFF;
  --u-paper2: #EEF3F8;
  --u-card:   #FFFFFF;
  --u-ink:    #0B1524;
  --u-soft:   #4E5B6E;   /* 5.9:1 sobre paper2 */
  --u-line:   #DCE4EC;
  --u-line-2: #C8D4E0;
  --cut:      18px;      /* corte diagonal de esquina */
  --r:        4px;
  --section-py: 80px;
}
@media (max-width: 768px) { [data-skin="ultrasound"] { --section-py: 52px; --cut: 12px; } }

[data-skin="ultrasound"] body { background: var(--u-paper); color: var(--u-ink); }
[data-skin="ultrasound"] .section { padding: var(--section-py) 0; }
[data-skin="ultrasound"] h1, [data-skin="ultrasound"] h2,
[data-skin="ultrasound"] h3, [data-skin="ultrasound"] h4 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
  letter-spacing: var(--letter-spacing-heading);
  text-transform: var(--text-transform-heading);
  color: var(--u-ink);
}

/* El corte diagonal de la esquina superior derecha es la forma que repite
   todo el skin (panel de despacho, tarjetas, mapa, imagen del hero). Va
   escrito en cada bloque con su propio tamaño de corte, no como clase suelta,
   porque el corte crece con el bloque. */

/* ── Botones ──────────────────────────────────────────── */
[data-skin="ultrasound"] .btn {
  border-radius: var(--r);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: .86rem;
  letter-spacing: .01em;
  padding: .95rem 1.6rem;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
[data-skin="ultrasound"] .btn:hover { transform: translateY(-2px); }
[data-skin="ultrasound"] .btn--primary,
[data-skin="ultrasound"] .btn--red { background: var(--sk-brand); color: var(--sk-brand-on); border: 1.5px solid var(--sk-brand); }
[data-skin="ultrasound"] .btn--primary:hover,
[data-skin="ultrasound"] .btn--red:hover { background: var(--sk-brand-dark); border-color: var(--sk-brand-dark); }
[data-skin="ultrasound"] .btn--outline {
  background: transparent; color: var(--sk-on-safe); border: 1.5px solid var(--u-line-2);
}
[data-skin="ultrasound"] .btn--outline:hover { border-color: var(--sk-brand); background: var(--sk-brand-light); }
[data-skin="ultrasound"] .btn--outline-white { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.45); }
[data-skin="ultrasound"] .btn--outline-white:hover { background: #fff; color: var(--u-ink); border-color: #fff; }
[data-skin="ultrasound"] .btn--ghost-white { background: rgba(255,255,255,.08); color: #fff; border: 1.5px solid transparent; }
[data-skin="ultrasound"] .btn--ghost-white:hover { background: rgba(255,255,255,.16); }
[data-skin="ultrasound"] .btn--whatsapp { border-radius: var(--r); }

/* ── Encabezados de sección ───────────────────────────── */
.us-tag {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--font-heading);
  font-size: .69rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--sk-on-safe); margin-bottom: .7rem;
}
.us-tag::before { content: ""; width: 26px; height: 2px; background: var(--sk-brand); }
.us-tag--light { color: var(--sk-on-ink); }
.us-tag--light::before { background: var(--sk-second); }

.us-title { font-size: clamp(1.5rem, 3.1vw, 2.15rem); line-height: 1.18; margin: 0; }
.us-lede { margin: .85rem 0 0; font-size: 1rem; line-height: 1.7; color: var(--u-soft); max-width: 58ch; }
.us-head { margin-bottom: 2.2rem; }
.us-head--tight { margin-bottom: 1.4rem; }
.us-head--center { text-align: center; margin-inline: auto; max-width: 42rem; }
.us-head--center .us-tag { justify-content: center; }
.us-head--center .us-lede { margin-inline: auto; }
.us-head--split {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 1.5rem; flex-wrap: wrap;
}

/* ── Cono de barrido (motivo del skin) ────────────────── */
/* Un haz triangular con arcos concéntricos, como la imagen de un
   ecógrafo. Es decorativo: nunca lleva texto encima. */
.us-hero__scan, .us-cta__scan { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.us-hero__scan::before, .us-hero__scan::after,
.us-cta__scan::before,  .us-cta__scan::after {
  content: ""; position: absolute; top: -14%; right: -4%;
  width: min(720px, 70vw); aspect-ratio: 1 / 1.15;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  transform: rotate(9deg);
}
.us-hero__scan::before, .us-cta__scan::before {
  background: radial-gradient(circle at 50% 0, var(--sk-brand) 0%, transparent 70%);
  opacity: .5;
}
.us-hero__scan::after, .us-cta__scan::after {
  background: repeating-radial-gradient(circle at 50% 0,
    transparent 0 52px, var(--sk-on-ink) 52px 53px);
  opacity: .22;
  -webkit-mask-image: linear-gradient(to bottom, #000 10%, transparent 88%);
          mask-image: linear-gradient(to bottom, #000 10%, transparent 88%);
}

/* ── Hero ─────────────────────────────────────────────── */
.us-hero { position: relative; background: var(--u-ink); overflow: hidden; }
.us-hero__grid {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(1.75rem, 4vw, 3.5rem); align-items: center;
  padding: clamp(3.25rem, 6vw, 5.5rem) 0 clamp(4.5rem, 7vw, 6rem);
}
/* El selector lleva [data-skin] porque la regla base de titulares
   ([data-skin="ultrasound"] h1…) tiene mas especificidad que una clase suelta:
   sin el prefijo, el titular del hero saldria en tinta sobre fondo tinta. */
[data-skin="ultrasound"] .us-hero__title {
  font-size: clamp(2.05rem, 4.6vw, 3.35rem); line-height: 1.06;
  margin: 0 0 1.15rem; color: #fff;
}
.us-hero__title span { display: block; }
.us-hero__title .us-hl { position: relative; display: inline-block; color: var(--sk-on-ink); }
.us-hero__title .us-hl::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -.06em; height: .09em;
  background: var(--sk-second); opacity: .9;
}
.us-hero__sub {
  font-size: 1.04rem; line-height: 1.75; color: rgba(255,255,255,.82);
  margin: 0 0 1.8rem; max-width: 46ch;
}
.us-hero__actions { display: flex; gap: .7rem; flex-wrap: wrap; }

/* Ficha técnica bajo el hero: pares clave/valor con hairline */
.us-specs {
  display: flex; flex-wrap: wrap; gap: 0; margin: 2.4rem 0 0;
  border-top: 1px solid rgba(255,255,255,.16);
}
.us-spec { padding: 1.05rem 1.6rem 0 0; margin-right: 1.6rem; border-right: 1px solid rgba(255,255,255,.16); }
.us-spec:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.us-spec dt {
  font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: rgba(255,255,255,.55); margin-bottom: .3rem;
}
.us-spec dd {
  margin: 0; font-family: var(--font-heading); font-size: 1.08rem; font-weight: 600;
  color: #fff; font-variant-numeric: tabular-nums;
}

/* Imagen del hero como "pantalla" del equipo */
.us-scan {
  position: relative; margin: 0; overflow: hidden; background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.16); aspect-ratio: 4 / 3.2;
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%);
}
.us-scan img { width: 100%; height: 100%; object-fit: cover; display: block; }
.us-scan--empty { display: grid; place-items: center; color: rgba(255,255,255,.22); font-size: clamp(3rem, 8vw, 5.5rem); }
.us-scan__line {
  position: absolute; left: 0; right: 0; height: 2px; top: 0;
  background: linear-gradient(90deg, transparent, var(--sk-second), transparent);
  opacity: .75; animation: us-sweep 5.5s ease-in-out infinite alternate;
}
@keyframes us-sweep { from { top: 4%; } to { top: 94%; } }
.us-scan__cap {
  position: absolute; left: 0; bottom: 0; display: flex; align-items: center; gap: .5rem;
  padding: .55rem .95rem; background: rgba(11,21,36,.82);
  font-family: var(--font-heading); font-size: .72rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; color: #fff;
}
.us-dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--sk-second);
  box-shadow: 0 0 0 4px rgba(255,255,255,.12);
}

/* ── Panel de despacho (flota sobre el borde del hero) ── */
.us-dispatch { position: relative; z-index: 2; margin-top: calc(var(--cut) * -2.5); }
.us-dispatch__grid {
  /* Las casillas varian (sin telefono o sin horario hay menos): auto-fit
     reparte el ancho entre las que haya en vez de dejar huecos. */
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  background: var(--u-card); border: 1px solid var(--u-line);
  box-shadow: 0 22px 48px -30px rgba(11,21,36,.55);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}
.us-disp {
  display: flex; flex-direction: column; gap: .35rem; justify-content: center;
  padding: 1.35rem 1.5rem; border-right: 1px solid var(--u-line);
  text-decoration: none; color: inherit; min-width: 0;
}
.us-disp:last-child { border-right: none; }
.us-disp__k {
  display: flex; align-items: center; gap: .45rem;
  font-size: .69rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--u-soft);
}
.us-disp__k i { color: var(--sk-on-safe); }
.us-disp__v {
  font-family: var(--font-heading); font-size: 1.02rem; font-weight: 600; line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.us-disp--call .us-disp__v { color: var(--sk-on-safe); font-size: 1.18rem; }
.us-disp--cta { background: var(--sk-band); color: var(--sk-band-on); }
.us-disp--cta .us-disp__k, .us-disp--cta .us-disp__k i { color: var(--sk-band-on); opacity: .85; }
.us-disp--cta .us-disp__v i { margin-left: .3rem; transition: transform .2s ease; }
.us-disp--cta:hover .us-disp__v i { transform: translateX(4px); }
a.us-disp:not(.us-disp--cta):hover { background: var(--sk-brand-light); }

/* ── Estudios / servicios ─────────────────────────────── */
.us-svcs { background: var(--u-paper); }
/* Retícula de hairlines: el hueco de 1px lo pinta el outline de cada tarjeta,
   no el fondo del contenedor. Con el fondo coloreado, un número de estudios
   que no llena la última fila (11 en 4 columnas) dejaba un bloque gris. */
.us-svcs__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 1px; }
.us-svc {
  position: relative; display: flex; flex-direction: column; gap: .55rem;
  background: var(--u-card); padding: 1.75rem 1.6rem 1.5rem;
  text-decoration: none; color: inherit; overflow: hidden;
  outline: 1px solid var(--u-line);
  transition: background .2s ease;
}
.us-svc::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--sk-brand); transform: scaleY(0); transform-origin: top;
  transition: transform .25s ease;
}
.us-svc:hover { background: var(--sk-brand-light); }
.us-svc:hover::before { transform: scaleY(1); }
.us-svc__num {
  position: absolute; top: .9rem; right: 1.1rem;
  font-family: var(--font-heading); font-size: 1.6rem; font-weight: 700;
  color: var(--u-line-2); font-variant-numeric: tabular-nums; line-height: 1;
}
.us-svc__icon { font-size: 1.4rem; color: var(--sk-on-safe); }
.us-svc__name { font-size: 1.03rem; margin: 0; padding-right: 2.2rem; }
.us-svc__desc {
  margin: 0; font-size: .89rem; line-height: 1.65; color: var(--u-soft);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.us-svc__go {
  margin-top: auto; padding-top: .8rem;
  font-family: var(--font-heading); font-size: .74rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--sk-on-safe);
}
.us-svc__go i { margin-left: .35rem; transition: transform .2s ease; }
.us-svc:hover .us-svc__go i { transform: translateX(4px); }

/* ── A quién atendemos ────────────────────────────────── */
.us-serve { background: var(--u-paper2); }
.us-serve__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.us-serve__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .7rem; }
.us-serve__item {
  display: flex; align-items: center; gap: .8rem;
  background: var(--u-card); border: 1px solid var(--u-line);
  padding: .95rem 1.1rem; font-size: .92rem; font-weight: 500;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
}
.us-serve__item i { color: var(--sk-on-card); font-size: 1.05rem; width: 1.3rem; text-align: center; }

/* ── Por qué nos eligen ───────────────────────────────── */
.us-why { background: var(--u-paper); }
.us-why__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1px; }
.us-why__item {
  background: var(--u-card); outline: 1px solid var(--u-line);
  padding: 1.9rem 1.6rem; display: flex; flex-direction: column; gap: .55rem;
}
.us-why__icon { font-size: 1.5rem; color: var(--sk-on-card); margin-bottom: .3rem; }
.us-why__title { font-size: 1.02rem; margin: 0; }
.us-why__text { margin: 0; font-size: .89rem; line-height: 1.7; color: var(--u-soft); }

/* ── Preguntas frecuentes ─────────────────────────────── */
.us-faq { background: var(--u-paper2); }
.us-faq__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.us-faq__list { display: flex; flex-direction: column; gap: .6rem; }
.us-faq__item {
  background: var(--u-card); border: 1px solid var(--u-line);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.us-faq__item summary {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.05rem 1.3rem; cursor: pointer; list-style: none;
  font-family: var(--font-heading); font-size: .97rem; font-weight: 600;
}
.us-faq__item summary::-webkit-details-marker { display: none; }
.us-faq__item summary i {
  flex-shrink: 0; font-size: .8rem; color: var(--sk-on-card);
  transition: transform .2s ease;
}
.us-faq__item[open] summary i { transform: rotate(45deg); }
.us-faq__item[open] summary { border-bottom: 1px solid var(--u-line); }
.us-faq__item summary:hover { background: var(--sk-brand-light); }
.us-faq__a { padding: 1.05rem 1.3rem; font-size: .91rem; line-height: 1.75; color: var(--u-soft); }

/* ── Ruta / proceso ───────────────────────────────────── */
.us-route { background: var(--u-paper); }
.us-route__list {
  position: relative; list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.6rem;
}
/* Línea discontinua que une los hitos, como una ruta en un mapa */
.us-route__list::before {
  content: ""; position: absolute; left: 22px; right: 22px; top: 22px; height: 0;
  border-top: 2px dashed var(--u-line-2);
}
.us-step { position: relative; padding-top: 0; }
.us-step__pin {
  position: relative; z-index: 1;
  display: grid; place-items: center; width: 46px; height: 46px;
  background: var(--sk-brand); color: var(--sk-brand-on);
  font-family: var(--font-heading); font-size: .92rem; font-weight: 700;
  font-variant-numeric: tabular-nums;
  clip-path: polygon(50% 0, 100% 28%, 100% 100%, 0 100%, 0 28%);
  margin-bottom: 1rem;
}
.us-step__icon { display: block; font-size: 1.15rem; color: var(--sk-on-safe); margin-bottom: .6rem; }
.us-step__title { font-size: 1.02rem; margin: 0 0 .4rem; }
.us-step__text { margin: 0; font-size: .89rem; line-height: 1.7; color: var(--u-soft); }

/* ── Cifras ───────────────────────────────────────────── */
.us-stats { background: var(--sk-band); padding: calc(var(--section-py) * .6) 0; }
.us-stats__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1.5rem; }
.us-stat { display: flex; flex-direction: column; gap: .3rem; color: var(--sk-band-on); padding-left: 1.1rem; border-left: 2px solid currentColor; }
.us-stat__n {
  font-family: var(--font-heading); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700;
  line-height: 1; font-variant-numeric: tabular-nums;
}
.us-stat__l { font-size: .82rem; letter-spacing: .06em; opacity: .88; }

/* ── Cobertura + mapa ─────────────────────────────────── */
.us-cover { background: var(--u-paper2); }
.us-cover__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.us-areas { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.us-areas li {
  display: inline-flex; align-items: center; gap: .4rem;
  background: var(--u-card); border: 1px solid var(--u-line);
  padding: .42rem .8rem; border-radius: 999px; font-size: .82rem; color: var(--u-soft);
}
.us-areas li i { font-size: .72rem; color: var(--sk-on-card); }
.us-cover__note { margin: 1.1rem 0 0; font-size: .87rem; line-height: 1.7; color: var(--u-soft); max-width: 52ch; }
.us-base {
  display: flex; flex-direction: column; gap: .25rem; margin-top: 1.6rem;
  background: var(--u-card); border: 1px solid var(--u-line); border-left: 3px solid var(--sk-brand);
  padding: 1.1rem 1.3rem; font-size: .92rem; line-height: 1.6;
}
.us-base__k { font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--sk-on-card); }
.us-base span:last-child { color: var(--u-soft); }
.us-map {
  aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--u-line); background: var(--u-card);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
}
.us-map > div { width: 100%; height: 100%; }

/* ── Horario ──────────────────────────────────────────── */
.us-hours { background: var(--u-paper); }
.us-hours__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.us-hours__panel { border: 1px solid var(--u-line); }
.us-hours__row {
  display: flex; justify-content: space-between; gap: 1rem;
  padding: .95rem 1.3rem; font-size: .93rem; border-bottom: 1px solid var(--u-line);
}
.us-hours__row:last-child { border-bottom: none; }
.us-hours__row span:first-child { font-weight: 600; }
.us-hours__row span:last-child { color: var(--u-soft); font-variant-numeric: tabular-nums; }
.us-hours__row--today { background: var(--sk-brand-light); }
.us-hours__row--today span, .us-hours__row--today span:last-child { color: var(--sk-on-safe); font-weight: 700; }
.us-hours__row b { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .74rem; }

/* ── Equipo ───────────────────────────────────────────── */
.us-team { background: var(--u-paper2); }
.us-team__grid {
  display: grid; gap: 1.2rem;
  grid-template-columns: repeat(var(--us-team-cols, 3), minmax(0, 1fr));
}
@media (max-width: 900px) { .us-team__grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }
.us-member {
  background: var(--u-card); border: 1px solid var(--u-line); overflow: hidden;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
}
.us-member__photo { aspect-ratio: 4 / 4.2; background: var(--u-paper2); overflow: hidden; }
.us-member__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.us-member__photo--empty { display: grid; place-items: center; color: var(--u-line-2); font-size: 3rem; }
.us-member__bar { padding: 1rem 1.2rem 1.15rem; border-top: 3px solid var(--sk-brand); }
.us-member__name { font-size: 1rem; margin: 0 0 .2rem; }
.us-member__role { font-size: .8rem; color: var(--sk-on-card); font-weight: 600; }

/* ── Reseñas ──────────────────────────────────────────── */
.us-revs { background: var(--u-paper); }
.us-score {
  display: flex; align-items: center; gap: .6rem; text-decoration: none; color: inherit;
  border: 1px solid var(--u-line); padding: .7rem 1.1rem;
}
.us-score b { font-family: var(--font-heading); font-size: 1.5rem; line-height: 1; }
.us-score span { color: var(--sk-second-on-paper); font-size: .85rem; letter-spacing: .06em; }
.us-score small { font-size: .76rem; color: var(--u-soft); }
a.us-score:hover { border-color: var(--sk-brand); }
/* align-items:start — sin esto una reseña larga estira toda la fila y las
   cortas quedan con medio palmo de hueco debajo. */
.us-revs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.1rem; align-items: start; }
.us-rev {
  display: flex; flex-direction: column; gap: .75rem;
  background: var(--u-card); border: 1px solid var(--u-line); padding: 1.5rem 1.5rem 1.3rem;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
.us-rev__stars { color: var(--sk-second-on-card); letter-spacing: .08em; font-size: .88rem; }
.us-rev blockquote { margin: 0; font-size: .93rem; line-height: 1.75; }
.us-rev footer { display: flex; flex-direction: column; gap: .1rem; margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--u-line); }
.us-rev footer strong { font-size: .89rem; }
.us-rev footer span { font-size: .77rem; color: var(--u-soft); }

/* ── Seguros ──────────────────────────────────────────── */
.us-ins { background: var(--u-paper2); }
.us-ins__row { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.us-ins__item {
  display: inline-flex; align-items: center; gap: .6rem;
  background: var(--u-card); border: 1px solid var(--u-line);
  padding: .6rem 1rem; font-size: .84rem; color: var(--u-soft);
}
.us-ins__item img { height: 26px; width: auto; object-fit: contain; }

/* ── Ofertas ──────────────────────────────────────────── */
.us-offers { background: var(--u-paper); }
.us-offers__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.1rem; }
.us-offer {
  background: var(--u-card); border: 1px solid var(--u-line); border-top: 3px solid var(--sk-second);
  padding: 1.5rem 1.4rem;
}
.us-offer__name { font-size: 1.02rem; margin: 0 0 .5rem; }
.us-offer__price {
  display: inline-block; font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700;
  color: var(--sk-second-on-card); margin-bottom: .5rem; font-variant-numeric: tabular-nums;
}
.us-offer__desc { margin: 0; font-size: .88rem; line-height: 1.7; color: var(--u-soft); }

/* ── Galería ──────────────────────────────────────────── */
.us-gal { background: var(--u-paper2); }
.us-gal__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .7rem; }
.us-gal figure { margin: 0; overflow: hidden; aspect-ratio: 4 / 3; background: var(--u-card); }
.us-gal img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.us-gal figure:hover img { transform: scale(1.05); }

/* ── Misión ───────────────────────────────────────────── */
.us-mission { background: var(--u-ink); }
.us-mission__inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; max-width: 46rem; }
.us-mission__mark { font-size: 1.6rem; color: var(--sk-on-ink); }
.us-mission__text {
  margin: 0; font-family: var(--font-heading); font-size: clamp(1.2rem, 2.6vw, 1.75rem);
  line-height: 1.5; color: #fff;
}
.us-mission__by { font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.6); }

/* ── CTA final ────────────────────────────────────────── */
.us-cta { position: relative; background: var(--u-ink); overflow: hidden; padding: calc(var(--section-py) * .95) 0; }
.us-cta__inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(1.5rem, 4vw, 3rem); align-items: center;
}
[data-skin="ultrasound"] .us-cta__title { font-size: clamp(1.7rem, 3.6vw, 2.5rem); line-height: 1.15; color: #fff; margin: 0 0 .8rem; }
.us-cta__sub { margin: 0; font-size: 1rem; line-height: 1.75; color: rgba(255,255,255,.8); max-width: 48ch; }
.us-cta__actions { display: flex; flex-direction: column; align-items: flex-start; gap: .9rem; }
.us-cta__phone {
  display: inline-flex; align-items: center; gap: .7rem; text-decoration: none;
  font-family: var(--font-heading); font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 700;
  color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
.us-cta__phone i { font-size: .6em; color: var(--sk-on-ink); }
.us-cta__phone:hover { color: var(--sk-on-ink); }
.us-cta__mail { font-size: .86rem; color: rgba(255,255,255,.72); text-decoration: none; }
.us-cta__mail:hover { color: #fff; text-decoration: underline; }

/* ── Social ───────────────────────────────────────────── */
.us-social { background: var(--u-paper); padding: 2rem 0; border-top: 1px solid var(--u-line); }
.us-social__row { display: flex; gap: .6rem; justify-content: center; flex-wrap: wrap; }
.us-social__link {
  display: grid; place-items: center; width: 42px; height: 42px;
  border: 1px solid var(--u-line); color: var(--sk-on-paper); text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.us-social__link:hover { background: var(--sk-brand); border-color: var(--sk-brand); color: var(--sk-brand-on); }

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 1024px) {
  .us-hero__grid { grid-template-columns: 1fr; }
  .us-scan { max-width: 560px; }
  .us-serve__grid, .us-cover__grid, .us-hours__grid, .us-faq__grid, .us-cta__inner { grid-template-columns: 1fr; }
  .us-dispatch__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .us-disp:nth-child(2n) { border-right: none; }
  .us-disp:nth-child(-n+2) { border-bottom: 1px solid var(--u-line); }
}
@media (max-width: 620px) {
  .us-hero__scan::before, .us-hero__scan::after,
  .us-cta__scan::before,  .us-cta__scan::after { width: 130vw; right: -30%; }
  .us-specs { flex-direction: column; }
  .us-spec { border-right: none; margin-right: 0; padding: .9rem 0 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .us-spec:last-child { border-bottom: none; }
  .us-dispatch__grid { grid-template-columns: 1fr; }
  .us-disp { border-right: none; border-bottom: 1px solid var(--u-line); }
  .us-disp:last-child { border-bottom: none; }
  .us-route__list::before { display: none; }
  .us-head--split { align-items: flex-start; }
}

/* ── Accesibilidad ────────────────────────────────────── */
[data-skin="ultrasound"] a:focus-visible,
[data-skin="ultrasound"] button:focus-visible { outline: 2px solid var(--sk-brand); outline-offset: 3px; }
.us-hero a:focus-visible, .us-cta a:focus-visible { outline-color: #fff; }
@media (prefers-reduced-motion: reduce) {
  [data-skin="ultrasound"] *, [data-skin="ultrasound"] *::before, [data-skin="ultrasound"] *::after {
    transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important;
  }
  .us-scan__line { display: none; }
}