/* Tema con los colores del logo (verde lima y morado).
   Para volver a la paleta anterior: renombrar este archivo (tema.css.off). */
:root{
  --cyan:#c0fb03;      /* verde lima del logo */
  --violet:#8711cf;    /* morado del logo */
  --blue:#4b1380;      /* morado profundo */
  --pink:#d6b3ff;      /* lavanda */
  --grad:linear-gradient(90deg,var(--cyan) 0 50%,var(--violet) 50% 100%);
}
.hero h1 span{display:inline-block;background:var(--cyan);color:var(--ink);-webkit-background-clip:border-box;background-clip:border-box;padding:0 .12em;margin-top:.06em;transform:rotate(-1.2deg);transform-origin:left center;box-shadow:6px 6px 0 var(--violet)}
.donar{box-shadow:4px 4px 0 var(--violet)}
.donar:hover{box-shadow:6px 6px 0 var(--violet)}
.sub{box-shadow:6px 6px 0 var(--violet)}
.box{box-shadow:12px 12px 0 var(--violet)}
.btn.main{box-shadow:5px 5px 0 var(--violet)}
.btn.main:hover{box-shadow:7px 7px 0 var(--violet)}
html .slider .slide .btn.main{box-shadow:4px 4px 0 var(--violet)}
.arrows button:hover,.arrows button:focus-visible{color:var(--violet)}
.sociales a:hover,.sociales a:focus-visible{color:var(--cyan)}
.panel .btn.main{box-shadow:5px 5px 0 #fff}