/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Fuente estilo manuscrito opcional */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');



/* contenedor base */
.arrow-widget{
  position:fixed;
  width:130px;
  height:130px;
  pointer-events:none;
  opacity:0;
  transition:opacity .4s ease;
  z-index:9999;
}

/* SVG */
.arrow-svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:#ff4d00;
  stroke-width:8;
  stroke-linecap:round;
}

/* — izquierda — */
.arrow-left{bottom:80px; left:10px;}
.arrow-left .arrow-svg{transform:rotate(15deg);}
.arrow-left .arrow-label{
  position:absolute;
  top:-10px;/* — Mover la palabra — */
  left:18px;
  transform:rotate(-15deg) translate(-5px,-25px);
}

/* — derecha — espejo — derecha */
.arrow-right{bottom:60px; right:10px;}
.arrow-right .arrow-svg{transform:scaleX(-1) rotate(20deg);}
.arrow-right .arrow-label{
  position:absolute;
  top:-10px;
  right:10px;
  transform:rotate(-15deg) translate(-5px,-25px);
}

/* texto manuscrito */
.arrow-label{
  font-family:'Caveat', cursive;
  font-size:28px;
  font-weight:700;
  color:#ff4d00;
}

/* clase para mostrar */
.arrow-show{opacity:1;}