/* ==========================================================================
   AREA UNITED · Página «Servicios» · Lo propio de esta página sobre las
   clases p2-cd-* de css/p2-class-detail.css. Solo prefijo p2-sd-.
   Dos variantes de ficha: con foto (igual que Clases) y sin foto, a todo
   ancho con el número grande en contorno amarillo (como las tarjetas de la home).
   ========================================================================== */

/* Etiqueta del servicio («Con cita previa»…) en la fila superior, alineada a la derecha */
.p2-sd-tag { color: var(--yellow); text-align: right; }

/* --- Ficha sin foto: una sola columna --- */
.p2-sd-item--full .p2-cd-grid {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
}
.p2-sd-item--full .p2-cd-copy { max-width: 720px; }

/* Número grande en contorno: en móvil va en flujo, arriba a la derecha */
.p2-sd-bignum {
  font-size: clamp(96px, 22vw, 200px);
  line-height: .8;
  -webkit-text-stroke-width: 1.5px;
  justify-self: end;
  opacity: .9;
}

/* Separación entre fichas: línea fina, como el índice */
.p2-sd-item + .p2-sd-item { border-top: var(--line); }

/* --- Escritorio: el número sale del flujo y se queda a la derecha --- */
@media (min-width: 1024px) {
  .p2-sd-item--full .p2-cd-grid { grid-template-columns: minmax(0, 1fr); }
  .p2-sd-bignum {
    position: absolute;
    right: 0;
    top: 0;
    font-size: clamp(200px, 22vw, 320px);
    opacity: .7;
    pointer-events: none;
  }
}