/* ===========================================================
   TABERNA IOSEPHI - RECEM-LANCADOS
   Recem-lancados
   Tres capas reais sobre a mesa, geradas a partir do catalogo.
   =========================================================== */

.recem-lancado-capa{
    position:absolute;
    left:0;
    top:0;

    width:100px;
    height:140px;

    padding:0;
    margin:0;

    border:0;
    background:transparent;

    cursor:pointer;
    transform-origin:0 0;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;

    filter:drop-shadow(2px 4px 2px rgba(20,10,3,.55));

    appearance:none;
    -webkit-appearance:none;

    touch-action:manipulation;
}

.recem-lancado-capa img{
    display:block;
    width:100%;
    height:100%;

    object-fit:fill;

    border:0;
    border-radius:1px;

    user-select:none;
    -webkit-user-drag:none;

    /* Integra as capas à iluminação quente e baixa da Taberna. */
    filter:brightness(.66) contrast(.96) saturate(.88) sepia(.10);
    transition:filter .16s ease;
}

.recem-lancado-capa:hover img,
.recem-lancado-capa:focus-visible img{
    /* No apontamento, clareia discretamente sem virar um cartão luminoso. */
    filter:brightness(.76) contrast(.99) saturate(.92) sepia(.07);
}

.recem-lancado-capa:focus-visible{
    outline:2px solid rgba(255,220,126,.95);
    outline-offset:3px;
}


/* ===========================================================
   RECEM-LANCADO - PLAQUINHA "NOVO!"
   Arte em alta resolucao, reduzida apenas pelo navegador.
   O elemento fica independente da capa para preservar nitidez.
   =========================================================== */

.recem-lancado-novo
{
    position:absolute;
    left:-13px;
    top:-58px;

    width:124px;
    height:68px;

    background-image:url("../imagens/novo.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    transform-origin:50% 60%;
    animation:placaNovoFlutua 3.2s ease-in-out infinite;

    filter:
        contrast(1.06)
        saturate(1.04)
        drop-shadow(2px 5px 3px rgba(20,10,3,.48));

    image-rendering:auto;
    pointer-events:none;
    z-index:30;
}

@keyframes placaNovoFlutua
{
    0%, 100% { transform:translateY(0) rotate(-1.5deg); }
    50%      { transform:translateY(-6px) rotate(1deg); }
}

/* Em modo de depuracao, mostra o retangulo original do elemento. */
.debug .recem-lancado-capa{
    box-shadow:inset 0 0 0 2px #00ffff;
}

/* ===========================================================
   TABERNA 1.5 - AMPLIACAO 270% DA MESA
   Recem-lancado e parceiros em destaque.

   Mouse    : hover
   Teclado  : focus / focus-visible
   Toque    : active enquanto o dedo estiver sobre o item

   A escala e aplicada somente a imagem. O botao conserva a
   homografia/perspectiva calculada por recem-lancados.js.
   =========================================================== */

.recem-lancado-capa
{
    overflow:visible;
}

.recem-lancado-capa img
{
    transform:scale(1);
    transform-origin:50% 50%;
    transition:
        transform .18s ease,
        filter .16s ease;
}

.recem-lancado-capa:hover,
.recem-lancado-capa:focus,
.recem-lancado-capa:focus-visible,
.recem-lancado-capa:active
{
    z-index:2000 !important;
}

.recem-lancado-capa:hover img,
.recem-lancado-capa:focus img,
.recem-lancado-capa:focus-visible img,
.recem-lancado-capa:active img
{
    transform:scale(2.7);
    filter:brightness(.84) contrast(1) saturate(.96) sepia(.05);
}

@media (prefers-reduced-motion: reduce)
{
    .recem-lancado-capa img
    {
        transition:none;
    }

    .recem-lancado-novo
    {
        animation:none;
        transform:rotate(-1deg);
    }
}