/* ============================================================
   02 · OPERADOR ("Un operador legal y local")
   Anatomy unlike siblings: split documental. Texto legal a la
   izquierda (2 párrafos textuales) y una tarjeta-sello a la
   derecha que destaca el dominio ".bet.ar" con un tilde de
   regulado. Sin foto: aquí manda el documento.
   ============================================================ */

.operador {
  padding: var(--tramo) var(--calle);
  background: var(--cal);
  border-top: 1px solid var(--linea);
}
.operador__caja {
  width: var(--cancha); max-width: 1300px; margin-inline: auto;
  display: grid; grid-template-columns: 1.55fr 0.85fr;
  gap: clamp(2rem, 4vw, 4.5rem); align-items: center;
}

.operador__volante { margin-bottom: 1.3rem; }
.operador__titulo { font-size: var(--t-titular); margin-bottom: 1.5rem; max-width: 16ch; }
.operador__p { color: var(--tinta-media); max-width: 60ch; margin-bottom: 1.2rem; }
.operador__p strong { color: var(--tinta); }
.operador__dominio {
  font-family: "Gabarito", sans-serif; font-weight: 800;
  color: var(--cesped-hondo); white-space: nowrap;
}
.operador__cta { margin-top: 0.6rem; }

/* tarjeta-sello del dominio oficial */
.operador__sello {
  background: var(--cal-claro); border: 1px solid var(--linea-honda);
  border-radius: 20px; padding: clamp(1.6rem, 3vw, 2.4rem);
  box-shadow: var(--sombra-plano); text-align: center;
  position: relative; overflow: hidden;
}
.operador__sello::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--verde-grad);
}
.operador__tilde {
  width: 3.2rem; height: 3.2rem; margin: 0.4rem auto 1.1rem;
  border-radius: 50%; background: var(--verde-grad);
  display: grid; place-items: center;
}
.operador__tilde::after { content: "\2713"; color: #fff; font-size: 1.7rem; font-weight: 700; }
.operador__sello-dom {
  font-family: "Gabarito", sans-serif; font-weight: 900;
  font-size: clamp(1.8rem, 1.2rem + 2.4vw, 2.8rem); color: var(--tinta); letter-spacing: -0.02em;
}
.operador__sello-label {
  display: block; margin-top: 0.6rem;
  font-family: "Mulish", sans-serif; font-size: 0.74rem; font-weight: 800;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--tinta-tenue);
}

@media (max-width: 1024px) {
  .operador__caja { grid-template-columns: 1fr; gap: 2.2rem; }
  .operador__titulo, .operador__p { max-width: none; }
}