/*Textos ovalo*/
/* =========================================
   TÍTULOS
========================================= */
.titulo-casos-exito {letter-spacing: -0.04em;}



/* =========================================
   TEXTO CON ÓVALO
========================================= */
.palabra-con-ovalo {
  position: relative;
  /* inline-block permite que aparezca inmediatamente después del texto anterior. */
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  /* Evita que las palabras contenidas dentro del óvalo se separen entre distintas líneas. */
  white-space: nowrap;
  /* Espacio entre el texto y el óvalo. */
  padding: 0.04em 0.28em 0.1em;
}



/* =========================================
   SVG ADAPTABLE
========================================= */
.palabra-con-ovalo__svg {
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 50%;
  /* El SVG se adapta al ancho real de cada palabra o frase. */
  width: calc(100% + 0.45em);
  height: calc(100% + 0.32em);
  overflow: visible !important;
  pointer-events: none;
  transform:translate(-50%, -50%) rotate(-1deg);
}



/* =========================================
   TRAZO DEL ÓVALO
========================================= */
.palabra-con-ovalo__trazo {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* Conserva el grosor aunque el SVG se haga más ancho. */
  vector-effect: non-scaling-stroke;
  will-change: stroke-dashoffset;
}



/* =========================================
   MOVIMIENTO REDUCIDO
========================================= */
@media (prefers-reduced-motion: reduce) {
  .palabra-con-ovalo__trazo {
    transition: none !important;
    stroke-dashoffset: 0 !important;
  }
}