/* ============================================================
   arco.css — Geometría del arco dorado del HERO (solo mobile)
   ------------------------------------------------------------
   Generado/editable con el editor visual: abre la invitación con
   ?editarco en localhost, ajusta los sliders y pulsa "Guardar"
   para copiar este CSS y pegarlo aquí.

   Las variables solo se consumen dentro del @media (max-width:760px)
   de 05-hero.css, así que esto solo afecta a la vista mobile.
   ============================================================ */
.hero .hero__arch {
  --arch-w: 93vw;        /* ancho del arco */
  --arch-top: 0%;        /* recortar desde arriba (mayor = más corto) */
  --arch-bottom: 13%;    /* recortar desde abajo (mayor = más corto) */
  --arch-dome: 205px;    /* curvatura del domo arriba (menor = más achatado) */
  --arch-y: 2%;          /* mover ↕ (− sube / + baja) sin redimensionar */
  --arch-stroke: 1.5px;  /* grosor de la línea dorada */
}