/* --------------------------------------------------

   links.css
   Links hipertexto
   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
   (c) 2025 - Ricardo Porto, para ASPAS

----------------------------------------------------- */

:root {
    --button-padding: 0.5rem 1rem;
    --button-radius: 0.25rem;
    --link-color: rgb(255, 0, 0);
    --link-focus-color: white;
    --link-hover-color-0: rgb(200, 0, 0);
    --link-hover-color-1: rgb(50, 0, 0);
    --link-hover-color-2: rgb(255, 170, 170);
    --link-hover-color-3: rgb(255, 0, 0);
    --link-hover-color-4: rgb(235, 230, 230);
}

a {
    background: transparent;
    color: var(--link-color);
    text-decoration-color: var(--link-hover-color-2);
    /* animação */
    /*
    background: transparent;
    background-image:   linear-gradient(var(--link-hover-color-1), var(--link-hover-color-1)),
                        linear-gradient(var(--link-hover-color-2), var(--link-hover-color-2)),
                        linear-gradient(var(--link-hover-color-3), var(--link-hover-color-3));
    background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 2px, 100% 2px, 0 2px;
    color: var(--link-color);
    text-decoration: none;
    transition: background-size 0.5s linear, background-position 0.5s linear;
    */
}
a:visited {
  color: var(--link-color);
}
a:hover,
a:focus {
    color: var(--link-hover-color-0);
    cursor: pointer;
    outline: 0;
    text-decoration-color: var(--link-hover-color-1);
    /* animação */
    /*
    background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
    background-size: 5px 2px, 0 2px, 100% 2px;
    */
}
a:active {
    outline: 0;
}
a:after,
a:before,
a small {
    font-size: 90%;
    opacity: .9;
}
a[hreflang]:after {
    content: "\0000a0[" attr(hreflang) "]";
}
/* Links externos */
a.spip_out:after,
a.external:after {
    content: "\0000a0\279A";
}
a[hreflang].spip_out:after,
a[hreflang].external:after {
    content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
}
/* mailto / tel */
a.spip_mail:after,
a.mailto:after {
    content: "\0000a0\2709";
}
a.tel:after {
    content: "\0000a0\2706";
}
/* Documentos */
a.download:after {
    content: "\0000a0\21A7";
}
a[hreflang].download:after {
    content: "\0000a0[" attr(hreflang) "]\0000a0\21A7";
}
a.audio:after {
    content: "\0000a0\266B";
}
a[hreflang].audio:after {
    content: "\0000a0[" attr(hreflang) "]\0000a0\266B";
}
/* Links de imagens */
a img {
    border: 0;
}
a:focus img,
a:active img {
    transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translate(1px);
    -o-transform: translateY(1px);
    -webkit-transform: translateY(1px);
}

/* Botões */
a.btn,
a.button,
button {
    background-color: var(--link-color);
    background-image: linear-gradient(90deg, black, black);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: var(--button-radius);
    color: var(--link-focus-color);
    display: inline-block;
    padding: var(--button-padding);
    text-decoration: none;
    /* transition: .35s ease all; */
    /* transition: .5s ease-in-out background-size,.5s ease-in-out background-position,.5s ease-in-out background-image,.5s ease-in-out border-color,.25s ease color; */
    transition: .35s ease-in-out background-size, .5s ease-in-out background-position, .5s ease-in-out background-image, .5s ease-in-out border-color, 25s ease color;
    white-space: pre-wrap;
}
a.btn:hover,
a.button:hover,
button:hover {
    /* background-image: linear-gradient(90deg,var(--link-hover-color-0),var(--link-hover-color-0)); */
    /* border-color: var(--link-hover-color-0); */
    background-image: linear-gradient(135deg, black, black);
    background-size: 100% 100%;
    border-color: var(--link-hover-color-0);
    color: #fff;
}

.lateral .menu a {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
	text-decoration: none;
    transition: .35s ease-in-out background-size, .5s ease-in-out background-position, .5s ease-in-out background-image, .5s ease-in-out border-color, 25s ease color;
}
.lateral .menu a:hover {
    background-image: linear-gradient(135deg, var(--link-hover-color-4), var(--link-hover-color-4));
    background-size: 100% 100%;
    border-color: var(--link-hover-color-0);
}


@media print {
    a,
    a:visited {
        text-decoration: underline;
    }
    a:after {
        content: '';
    }
    a.spip_url:after,
    a[rel="external"]:after,
    a.external:after {
        content: " (" attr(href) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: '';
    }
    /* N#ao exibir os links em imagens ou Javascript / links internos */
}
/* fim */