/*==========================================================
  TABERNA IOSEPHI - ACESSIBILIDADE 1.4.3
  DESTAQUE VISUAL OPCIONAL
  -----------------------------------------------------------
  Quando ativado pelo usuario, o conteudo fora do elemento em
  foco fica dessaturado. O elemento atual permanece com as cores
  originais por uma abertura retangular na camada de filtro.

  O modo normal da Taberna nao e alterado.
==========================================================*/

#acessibilidadeVisualCamada {
    position:fixed;
    inset:0;
    z-index:2147483500;
    pointer-events:none;
    display:none;
    overflow:hidden;
}

body.taberna-destaque-visual #acessibilidadeVisualCamada {
    display:block;
}

#acessibilidadeVisualCamada .acessibilidade-visual-painel {
    position:fixed;
    pointer-events:none;
    background:rgba(128,128,128,.01);
    -webkit-backdrop-filter:grayscale(1) saturate(0);
    backdrop-filter:grayscale(1) saturate(0);
}

/*
   O foco visual existente da 1.4.1 continua sendo o marcador.
   A camada deixa uma pequena margem para que o contorno amarelo
   tambem permaneça em cores.
*/

/*==========================================================
  1.4.3e - OCULOS DESENHADO POR SOFTWARE (ARMACAO REFORCADA)
  -----------------------------------------------------------
  Mantem a ideia do oculos redondo, mas com armacao mais grossa,
  dourada e com lentes escuras, para evitar o aspecto de fantasma.
==========================================================*/
.hotspot-oculos .oculos-objeto {
    position:absolute;
    left:-6%;
    top:16%;
    width:112%;
    height:70%;
    z-index:2;
    pointer-events:none;
    transform:rotate(24deg);
    transform-origin:50% 50%;
    opacity:1;
    mix-blend-mode:normal;

    background:
        linear-gradient(rgba(188,150,64,.98), rgba(188,150,64,.98)) 50% 47% / 18% 3px no-repeat,
        linear-gradient(152deg,
            transparent 0 44%,
            rgba(170,132,52,.96) 46% 55%,
            transparent 57% 100%) 2% 57% / 18% 64% no-repeat,
        linear-gradient(28deg,
            transparent 0 44%,
            rgba(170,132,52,.96) 46% 55%,
            transparent 57% 100%) 98% 43% / 18% 64% no-repeat;

    filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));
}

.hotspot-oculos .oculos-objeto::before,
.hotspot-oculos .oculos-objeto::after {
    content:"";
    position:absolute;
    top:9%;
    width:34%;
    height:72%;
    box-sizing:border-box;
    border:3px solid rgba(188,150,64,.98);
    border-radius:52% 48% 50% 46%;
    background:rgba(32,28,26,.34);
    box-shadow:
        inset 0 0 0 1px rgba(255,240,180,.14),
        0 1px 1px rgba(25,15,10,.18);
}

.hotspot-oculos .oculos-objeto::before {
    left:10%;
    transform:rotate(-4deg);
}

.hotspot-oculos .oculos-objeto::after {
    right:10%;
    transform:rotate(4deg);
}