/* LS Apoiadores – Front-end v3.0 */

.lsa-wrap {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: .5rem 0 .8rem;
    font-family: inherit;
    position: relative;
}

/* Título */
/* h3 semântico, aparência discreta de label */
h3.lsa-title {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: currentColor;
    opacity: .5;
    margin: 0 0 .6rem;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}

/* Slides ocultos por padrão */
.lsa-slide { display: none; }

/* Slide ativo: aparece com fade */
.lsa-slide.lsa-active {
    display: block;
    animation: lsa-fade .5s ease;
}
@keyframes lsa-fade { from { opacity: 0; } to { opacity: 1; } }

/* Link */
.lsa-slide a {
    display: inline-block;
    text-decoration: none;
    line-height: 0;
}

/* Imagem — tamanho controlado pelo modificador de tamanho */
.lsa-slide img {
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 auto !important;
    transition: transform .35s ease;
}
.lsa-slide a:hover img { transform: scale(1.03); }

/* Tamanhos */
.lsa-size-small  .lsa-slide img { width: 120px !important; }
.lsa-size-medium .lsa-slide img { width: 220px !important; }
.lsa-size-large  .lsa-slide img { width: 320px !important; }
.lsa-size-full   .lsa-slide img { width: 100% !important;  }

/* Nome */
.lsa-name {
    margin: .45rem 0 0;
    font-size: .78rem;
    font-weight: 600;
    color: currentColor;
    opacity: .6;
    text-align: center;
    line-height: 1.3;
}

/* Vazio */
.lsa-empty {
    font-style: italic;
    opacity: .5;
    font-size: .85rem;
    padding: 1rem;
    text-align: center;
}

/* Announcer acessível */
.lsa-announcer {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .lsa-slide.lsa-active { animation: none; }
    .lsa-slide img { transition: none !important; }
}

/* Neutraliza bordas que temas possam aplicar em imagens dentro de links */
.lsa-wrap a,
.lsa-wrap a:focus,
.lsa-wrap a:hover,
.lsa-wrap a:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.lsa-wrap a img,
.lsa-wrap img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}