.pieza{margin:0 0 0.8125rem}
.pieza:last-child{margin-bottom:0}
.pieza h3{font:600 .98rem/1.35 var(--titular); margin:0 0 0.25rem; color:var(--tinta)}
.pieza p{font-size:.88rem; line-height:1.55; color:var(--suave)}

.op--globo .abre{display:none; font-size:.85rem; line-height:1.5; color:var(--suave);
  margin-top:0.375rem; padding-top:0.375rem; border-top:1px solid var(--linea)}
.op--globo[aria-expanded=true] .abre{display:block}
.op--globo b{display:block; font-weight:600}

.op--globo.dicho{border-color:var(--cian)!important}
.op--globo.dicho b::after{content:' ✓'; color:var(--cian2)}
.entra{font-size:.92rem; line-height:1.55; color:var(--tinta); margin-bottom:0.6875rem}

.entrada--menu h1{font-size:1.62rem; text-align:center; margin:0 0 0.6875rem; max-width:26ch}
a.llamada{text-decoration:none}
.leyenda{display:block; margin-top:0.5625rem; padding-top:0.5rem; border-top:1px solid var(--linea);
  font-size:.79rem; color:var(--tenue)}

@media (max-width:820px){
  .entrada--menu{--fig:4rem}
  
  .entrada--menu .nodite{flex-direction:column; align-items:stretch; gap:0;
    margin:0.625rem 0 0; max-width:none}
  .entrada--menu .fig{width:4rem; height:4rem; object-fit:contain;
    object-position:top; align-self:flex-start; margin-bottom:0.5625rem}
  .dice{align-items:stretch}
  
  .globo--menu::before,.globo--relato::before{top:-0.4375rem!important; left:1.375rem; bottom:auto;
    border:0; border-left:1px solid var(--linea); border-top:1px solid var(--linea)}
  .entrada--menu h1{font-size:1.35rem; text-align:left; max-width:none}
  .entrada--menu h2{font-size:1.18rem; text-align:left}
  .marca--grande{font-size:1.25rem; align-self:flex-start}
  .marca--grande img{width:2.125rem; height:2.125rem}
  .env{padding:0 0.9375rem}
  
  .op--globo{min-height:2.875rem; display:flex; flex-direction:column; justify-content:center}
  .secundarias{gap:0.5rem}
  .secundarias > *{flex:1 1 auto}
}

.completo{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);
  white-space:nowrap}