/* ============================================================================
   NICHO DE EXHIBICIÓN

   El estante deja de ser un mueble de madera y pasa a ser un nicho blanco
   empotrado en la pared: marco de cantos redondeados, pared de fondo iluminada
   desde arriba, dos laterales en perspectiva, una tira de luz cálida en el
   techo con su foco empotrado, y una repisa que sobresale por delante.

   Esta hoja se carga después de apple-light.css, así que manda sobre las capas
   anteriores sin tener que tocarlas: si algún día se quita este archivo, el
   estante vuelve a su aspecto previo.
   ========================================================================== */

:root{
  --nicho-marco:clamp(22px,2.8vw,40px);   /* grosor del marco arriba y a los lados */
  --nicho-suelo:clamp(32px,3.6vw,48px);   /* altura de la repisa                   */
}

/* ---------------------------------------------------------------------- */
/* 1. El marco                                                             */
/* ---------------------------------------------------------------------- */

.biblioteca-mueble.nicho{
  position:relative;
  isolation:isolate;
  margin-bottom:74px;
  padding:
    calc(var(--nicho-marco) + 30px)
    calc(var(--nicho-marco) + 22px)
    var(--nicho-suelo);
  border:0;
  border-radius:clamp(30px,3.4vw,48px) clamp(30px,3.4vw,48px) 24px 24px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 58%,#f2f3f5 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 2px rgba(23,32,46,.05),
    0 36px 80px rgba(23,32,46,.14);
  overflow:visible;
}

/* Los adornos de madera de la versión anterior no aplican aquí. */
.biblioteca-mueble.nicho::before,
.biblioteca-mueble.nicho::after{display:none}

/* ---------------------------------------------------------------------- */
/* 2. El hueco                                                             */
/* ---------------------------------------------------------------------- */

.nicho-caja{
  position:absolute;
  z-index:0;
  inset:var(--nicho-marco) var(--nicho-marco) var(--nicho-suelo);
  border-radius:clamp(18px,2.2vw,30px) clamp(18px,2.2vw,30px) 3px 3px;
  overflow:hidden;
  pointer-events:none;
  /* El canto del marco proyecta sombra sobre el interior: eso es lo que
     hace que el hueco se lea como hueco y no como un rectángulo pintado. */
  box-shadow:
    inset 0 14px 22px -10px rgba(88,99,116,.38),
    inset 0 -12px 20px -12px rgba(88,99,116,.3);
}

/* Pared de fondo: clara justo bajo el foco, apagándose hacia los rincones. */
.nicho-pared{
  position:absolute;
  inset:0;
  background:
    radial-gradient(78% 62% at 50% 8%,
      rgba(255,255,255,.98) 0%,
      rgba(252,252,253,.65) 40%,
      rgba(252,252,253,0) 74%),
    linear-gradient(180deg,#f7f8f9 0%,#f1f2f4 52%,#e8eaed 100%);
  box-shadow:
    inset 34px 0 56px -34px rgba(96,106,122,.62),
    inset -34px 0 56px -34px rgba(96,106,122,.62),
    inset 0 -46px 56px -40px rgba(96,106,122,.55);
}

/* Laterales: trapecios que dan la profundidad del hueco. */
.nicho-lateral{
  position:absolute;
  top:0;
  bottom:0;
  width:clamp(28px,3.6vw,58px);
}
.nicho-lateral-izq{
  left:0;
  clip-path:polygon(0 0,100% 4%,100% 96%,0 100%);
  background:linear-gradient(90deg,#dfe2e6 0%,#ebedef 48%,rgba(241,242,244,0) 100%);
}
.nicho-lateral-der{
  right:0;
  clip-path:polygon(0 4%,100% 0,100% 100%,0 96%);
  background:linear-gradient(270deg,#dfe2e6 0%,#ebedef 48%,rgba(241,242,244,0) 100%);
}

/* Techo, con la tira de luz cálida pegada al canto superior. */
.nicho-techo{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:clamp(34px,4.8vw,68px);
  clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);
  background:
    linear-gradient(180deg,
      #fffdf8 0%,
      #fdf0d8 16%,
      #fbe9c9 34%,
      rgba(252,239,214,.5) 66%,
      rgba(253,246,233,0) 100%);
}

/* Haz de luz del foco, abriéndose hacia la repisa. */
.nicho-haz{
  position:absolute;
  top:clamp(12px,1.6vw,22px);
  left:50%;
  width:min(60%,700px);
  height:86%;
  transform:translateX(-50%);
  clip-path:polygon(45% 0,55% 0,88% 100%,12% 100%);
  background:linear-gradient(180deg,
    rgba(255,252,244,1) 0%,
    rgba(255,252,245,.72) 26%,
    rgba(255,253,248,.3) 58%,
    rgba(255,253,249,0) 88%);
  filter:blur(13px);
}

/* Foco empotrado en el techo. */
.nicho-foco{
  position:absolute;
  top:clamp(7px,.9vw,13px);
  left:50%;
  width:clamp(46px,4.6vw,70px);
  height:clamp(12px,1.2vw,17px);
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(58% 68% at 50% 42%,#fff 0%,#fffaef 52%,#eceae5 100%);
  box-shadow:
    0 0 0 1px rgba(163,161,155,.35),
    0 0 20px 7px rgba(255,246,226,.95);
}

/* ---------------------------------------------------------------------- */
/* 3. La repisa                                                            */
/* ---------------------------------------------------------------------- */

.nicho-repisa{
  position:absolute;
  z-index:2;
  left:calc(var(--nicho-marco) * -0.4);
  right:calc(var(--nicho-marco) * -0.4);
  bottom:0;
  height:var(--nicho-suelo);
  border-radius:2px 2px clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px);
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 40%,#eaecef 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 1px 2px rgba(23,32,46,.07),
    0 26px 38px -14px rgba(23,32,46,.2);
  pointer-events:none;
}

/* Sombra de contacto: los libros tienen que apoyar, no flotar. */
.nicho-repisa::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:-9px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(60% 100% at 50% 50%,rgba(45,55,72,.3),rgba(45,55,72,0) 72%);
  filter:blur(4px);
}

/* ---------------------------------------------------------------------- */
/* 4. Los libros dentro del nicho                                          */
/* ---------------------------------------------------------------------- */

.biblioteca-mueble.nicho .estantes{
  position:relative;
  z-index:1;
  min-height:clamp(300px,34vw,400px);
  padding:26px clamp(14px,3vw,54px) 0;
  border-bottom:0;
  background:none;
  box-shadow:none;
}

/* Los lomos venían de la etapa de madera con filtros de saturación. Aquí
   recuperan su color propio y apoyan sobre la repisa con una sombra neutra. */
.biblioteca-mueble.nicho .estante-card{
  filter:none;
  border:1px solid rgba(30,41,59,.14);
  border-radius:5px 5px 2px 2px;
  box-shadow:
    inset 2px 0 3px rgba(255,255,255,.4),
    inset -6px 0 10px rgba(15,23,42,.22),
    0 10px 16px -6px rgba(23,32,46,.4);
}
.biblioteca-mueble.nicho .estante-card:hover,
.biblioteca-mueble.nicho .estante-card:focus-visible{
  filter:brightness(1.06);
  box-shadow:
    inset 2px 0 3px rgba(255,255,255,.45),
    inset -6px 0 10px rgba(15,23,42,.18),
    0 26px 34px -12px rgba(23,32,46,.4);
}
.biblioteca-mueble.nicho .estante-card:focus-visible{
  outline:3px solid var(--apple-blue,#0071e3);
  outline-offset:4px;
}

/* Encabezado y pie del nicho, sobre la pared blanca. */
.biblioteca-mueble.nicho .biblioteca-colecciones-cab{
  position:relative;
  z-index:1;
  margin:0 auto 4px;
}
.biblioteca-mueble.nicho .biblioteca-indicacion{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  bottom:-46px;
  margin:0;
  color:var(--apple-secondary,#6e6e73);
  text-shadow:none;
}

/* ---------------------------------------------------------------------- */
/* 5. El nicho en pantallas estrechas                                      */
/*    La versión anterior ponía `overflow-x:auto` en la fila de libros: eso  */
/*    obliga al navegador a recortar también en vertical, y en el móvil      */
/*    cortaba los lomos por la mitad. Aquí la fila desplaza en horizontal    */
/*    pero crece a lo alto lo que haga falta.                                */
/* ---------------------------------------------------------------------- */

@media (max-width:900px){
  .biblioteca-mueble.nicho .estantes{
    min-height:0;
    height:auto;
    padding:22px clamp(12px,4vw,26px) 0;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  .biblioteca-mueble.nicho .estantes::-webkit-scrollbar{display:none}
  .biblioteca-mueble.nicho .estante-card{
    --libro-alto:340px;
    flex:0 0 128px;
    max-width:128px;
    padding:0 9px 12px;
  }
  .biblioteca-mueble.nicho .estante-card:nth-child(3n+2){--libro-alto:340px}
  .biblioteca-mueble.nicho .estante-card:nth-child(4n+3){--libro-alto:340px}
  .biblioteca-mueble.nicho .estante-card:nth-child(5n){--libro-alto:340px}

  /* El lomo es estrecho: el título necesita poder partirse y el resto de
     piezas encogerse para que nada se salga de la tapa. */
  .biblioteca-mueble.nicho .estante-placa{
    min-height:0;
    padding:12px 0 6px;
    gap:7px;
  }
  .biblioteca-mueble.nicho .estante-placa strong{
    font-size:15px;
    line-height:1.15;
    hyphens:auto;
    overflow-wrap:anywhere;
  }
  .biblioteca-mueble.nicho .estante-sello{
    width:30px;
    height:30px;
    margin:2px auto 6px;
    font-size:17px;
  }
  .biblioteca-mueble.nicho .estante-cuerpo{padding-bottom:8px}
  .biblioteca-mueble.nicho .estante-descripcion{
    font-size:10px;
    line-height:1.3;
    -webkit-line-clamp:2;
  }
  .biblioteca-mueble.nicho .estante-meta{
    padding:5px 2px;
    font-size:10px;
  }
  .biblioteca-mueble.nicho .estante-meta strong{font-size:13px}
  .biblioteca-mueble.nicho .estante-accion{
    padding:5px 6px;
    font-size:8px;
    letter-spacing:.02em;
  }
}

@media (max-width:720px){
  :root{--nicho-marco:16px;--nicho-suelo:26px}
  .biblioteca-mueble.nicho{padding-inline:18px}
  .biblioteca-mueble.nicho .biblioteca-indicacion{bottom:-40px}
}

@media (prefers-reduced-motion:reduce){
  .biblioteca-mueble.nicho .estante-card{transition:none!important}
}

/* ============================================================================
   6. LIBROS DE TAPA DURA

   Los lomos planos pasan a ser volúmenes encuadernados: cuero, marco dorado a
   doble filete, balanza grabada, título en oro, medallón con el emblema de la
   Contraloría y pie con la cifra de documentos.
   ========================================================================== */

.biblioteca-mueble.nicho{
  --oro:#d4a44f;
  --oro-claro:#f2dba6;
  --oro-oscuro:#9d7028;
}

/* --- Hueco más profundo para que quepan los volúmenes ------------------- */

.biblioteca-mueble.nicho .estantes{
  min-height:clamp(380px,42vw,540px);
  gap:clamp(10px,1.4vw,22px);
  padding:34px clamp(20px,4vw,72px) 0;
}

/* --- La tapa ------------------------------------------------------------ */

.biblioteca-mueble.nicho .estante-card{
  --libro-alto:452px;
  min-width:128px;
  max-width:196px;
  padding:0 13px 16px;
  border:1px solid rgba(0,0,0,.42);
  border-radius:3px 6px 6px 3px;
  color:var(--oro-claro);
  background:
    /* grano fino del cuero */
    repeating-linear-gradient(94deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(4deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px),
    /* volumen: canto oscuro a la izquierda, luz al centro, sombra a la derecha */
    linear-gradient(90deg,
      rgba(0,0,0,.55) 0%,
      rgba(0,0,0,.16) 5%,
      rgba(255,255,255,.10) 34%,
      rgba(255,255,255,.05) 62%,
      rgba(0,0,0,.30) 92%,
      rgba(0,0,0,.5) 100%),
    var(--lomo-color);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -14px 24px -12px rgba(0,0,0,.55),
    0 12px 18px -8px rgba(20,28,40,.5);
}
.biblioteca-mueble.nicho .estante-card:nth-child(3n+2){--libro-alto:424px}
.biblioteca-mueble.nicho .estante-card:nth-child(4n+3){--libro-alto:468px}
.biblioteca-mueble.nicho .estante-card:nth-child(5n){--libro-alto:440px}

/* Marco dorado a doble filete, grabado sobre la tapa. */
.biblioteca-mueble.nicho .estante-card::before{
  content:"";
  position:absolute;
  inset:11px 10px;
  left:10px;
  right:10px;
  top:11px;
  bottom:11px;
  height:auto;
  border:1.5px solid var(--oro);
  border-radius:2px;
  background:none;
  box-shadow:
    0 1px 1px rgba(0,0,0,.45),
    inset 0 0 0 3px rgba(0,0,0,.22),
    inset 0 0 0 4px rgba(212,164,79,.62);
}

/* Esquinas y relieve general de la tapa. */
.biblioteca-mueble.nicho .estante-card::after{
  content:"";
  position:absolute;
  inset:0;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height:auto;
  border-radius:inherit;
  background:
    radial-gradient(120% 46% at 50% 0,rgba(255,255,255,.16),transparent 62%),
    radial-gradient(120% 42% at 50% 100%,rgba(0,0,0,.34),transparent 66%);
  box-shadow:none;
  pointer-events:none;
}

/* --- El lomo, asomando por la izquierda --------------------------------- */

.biblioteca-mueble.nicho .libro-tapa-superior{
  position:absolute;
  left:-10px;
  top:7px;
  bottom:0;
  width:11px;
  height:auto;
  border-radius:3px 0 0 3px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.28) 55%,rgba(0,0,0,.5)),
    var(--lomo-color);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.10),-2px 3px 6px rgba(20,28,40,.4);
}
/* Los dos filetes dorados del lomo. */
.biblioteca-mueble.nicho .libro-tapa-superior::before,
.biblioteca-mueble.nicho .libro-tapa-superior::after{
  content:"";
  position:absolute;
  left:2px;
  right:1px;
  height:1px;
  background:var(--oro-oscuro);
}
.biblioteca-mueble.nicho .libro-tapa-superior::before{top:34px;box-shadow:0 4px var(--oro-oscuro)}
.biblioteca-mueble.nicho .libro-tapa-superior::after{bottom:34px;box-shadow:0 -4px var(--oro-oscuro)}

/* --- Balanza, título y filete ------------------------------------------- */

.biblioteca-mueble.nicho .estante-placa{
  min-height:0;
  padding:34px 4px 8px;
  gap:12px;
}

/* El primer adorno pasa a ser la balanza grabada en oro. */
.biblioteca-mueble.nicho .estante-ornamento:first-child{
  width:38px;
  height:30px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40' fill='none' stroke='%23d4a44f' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 9v25M15 34h18M9 13h30'/%3E%3Ccircle cx='24' cy='7' r='2.4'/%3E%3Cpath d='M9 13 3.5 25h11L9 13ZM39 13l-5.5 12h11L39 13Z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));
}

/* El segundo queda como filete con punto central. */
.biblioteca-mueble.nicho .estante-ornamento:last-child{
  position:relative;
  width:66%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--oro) 18%,var(--oro) 82%,transparent);
}
.biblioteca-mueble.nicho .estante-ornamento:last-child::after{
  content:"";
  position:absolute;
  top:-2px;
  left:50%;
  width:5px;
  height:5px;
  margin-left:-2.5px;
  border-radius:50%;
  background:var(--oro);
}

.biblioteca-mueble.nicho .estante-placa strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(19px,1.75vw,27px);
  font-weight:700;
  line-height:1.12;
  color:var(--oro-claro);
  letter-spacing:.005em;
  text-shadow:
    0 1px 0 rgba(0,0,0,.6),
    0 -1px 0 rgba(255,255,255,.14),
    0 3px 7px rgba(0,0,0,.45);
}

/* --- Medallón con el emblema -------------------------------------------- */

.biblioteca-mueble.nicho .estante-sello{
  width:clamp(52px,5vw,68px);
  height:clamp(52px,5vw,68px);
  margin:16px auto 14px;
  font-size:0;
  border:2px solid var(--oro);
  background:url("images/icono-contraloria-spiral.png") center/72% no-repeat;
  box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.3),
    inset 0 2px 6px rgba(0,0,0,.4),
    0 2px 5px rgba(0,0,0,.4);
}

/* --- Pie: descripción, cifra y botón ------------------------------------ */

.biblioteca-mueble.nicho .estante-cuerpo{
  flex-direction:column;
  align-items:stretch;
  gap:9px;
  padding:0 2px 4px;
}
.biblioteca-mueble.nicho .estante-descripcion{
  font-size:12px;
  line-height:1.35;
  color:rgba(245,231,201,.92);
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.biblioteca-mueble.nicho .estante-meta{
  padding:9px 2px;
  border-top:1px solid rgba(212,164,79,.45);
  border-bottom:1px solid rgba(212,164,79,.3);
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  color:var(--oro-claro);
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.biblioteca-mueble.nicho .estante-meta strong{
  font-size:16px;
  color:#ffe6b4;
}
.biblioteca-mueble.nicho .estante-accion{
  margin-top:2px;
  padding:9px 10px;
  border:1.4px solid var(--oro);
  border-radius:99px;
  background:rgba(0,0,0,.2);
  color:var(--oro-claro);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.4);
}
.biblioteca-mueble.nicho .estante-card:hover .estante-accion{
  background:rgba(212,164,79,.2);
  border-color:var(--oro-claro);
}

/* --- Ajuste de los volúmenes en pantallas estrechas --------------------- */

@media (max-width:900px){
  .biblioteca-mueble.nicho .estante-card{
    --libro-alto:400px;
    flex:0 0 168px;
    max-width:168px;
    padding:0 11px 14px;
  }
  .biblioteca-mueble.nicho .estante-card:nth-child(3n+2),
  .biblioteca-mueble.nicho .estante-card:nth-child(4n+3),
  .biblioteca-mueble.nicho .estante-card:nth-child(5n){--libro-alto:400px}
  .biblioteca-mueble.nicho .estante-placa{padding-top:26px;gap:10px}
  .biblioteca-mueble.nicho .estante-placa strong{font-size:19px}
  .biblioteca-mueble.nicho .estante-sello{width:48px;height:48px;margin:12px auto 10px}
  .biblioteca-mueble.nicho .estante-ornamento:first-child{width:32px;height:25px}
  .biblioteca-mueble.nicho .estante-accion{padding:8px 8px;font-size:9px}
}

/* ---------------------------------------------------------------------- */
/* 7. Sin perspectiva 3D                                                   */
/*    La fila de libros venía con `perspective` y un `rotateY` de ±1,2° que */
/*    la biblioteca aplica al mover el puntero. Con las tapas actuales ese  */
/*    contexto 3D dejaba sin pintar el marco dorado, el título y hasta un   */
/*    volumen entero. El giro no aportaba nada, así que se retira: el       */
/*    relieve lo dan ahora el cuero, el lomo y las sombras.                 */
/* ---------------------------------------------------------------------- */

.biblioteca-mueble.nicho .estantes{perspective:none}
.biblioteca-mueble.nicho .estante-card{transform:none}
.biblioteca-mueble.nicho .estante-card:hover,
.biblioteca-mueble.nicho .estante-card:focus-visible{
  transform:translateY(-16px) scale(1.02);
}

/* El emblema vive en /images, no dentro de /css. */
.biblioteca-mueble.nicho .estante-sello{
  background-image:url("../images/icono-contraloria-spiral.png");
}

/* ---------------------------------------------------------------------- */
/* 8. Orden de pintado dentro de la tapa                                   */
/*    `::after` lleva el relieve del cuero y, por estar posicionado, se     */
/*    pintaba por encima del título, la balanza y el medallón —que van en   */
/*    spans sin posicionar— y los tapaba por completo. El relieve baja a la */
/*    capa 0 y el contenido sube a la 1.                                    */
/* ---------------------------------------------------------------------- */

.biblioteca-mueble.nicho .estante-card::after{z-index:0}
.biblioteca-mueble.nicho .estante-card::before{z-index:2}
.biblioteca-mueble.nicho .estante-card > .estante-placa,
.biblioteca-mueble.nicho .estante-card > .estante-sello,
.biblioteca-mueble.nicho .estante-card > .estante-cuerpo{position:relative;z-index:1}
.biblioteca-mueble.nicho .libro-tapa-superior{z-index:1}

/* ---------------------------------------------------------------------- */
/* 9. Proporciones finales                                                 */
/*    Volúmenes algo más anchos —para que el título y el pie respiren— y    */
/*    un hueco con más aire por encima de los libros.                       */
/* ---------------------------------------------------------------------- */

.biblioteca-mueble.nicho .estantes{
  min-height:clamp(400px,44vw,565px);
  gap:clamp(12px,1.7vw,26px);
  padding-top:46px;
}
.biblioteca-mueble.nicho .estante-card{
  min-width:142px;
  max-width:214px;
}
.biblioteca-mueble.nicho .estante-meta{
  font-size:11.5px;
  text-wrap:balance;
}

/* Laterales del nicho un punto más marcados: la profundidad se lee mejor. */
.nicho-lateral{width:clamp(32px,4vw,64px)}
.nicho-lateral-izq{background:linear-gradient(90deg,#dadde2 0%,#e9ebee 46%,rgba(241,242,244,0) 100%)}
.nicho-lateral-der{background:linear-gradient(270deg,#dadde2 0%,#e9ebee 46%,rgba(241,242,244,0) 100%)}

/* ---------------------------------------------------------------------- */
/* 10. Ajuste final para pantallas estrechas                               */
/*     Va al final de la hoja a propósito: las reglas de proporción de la   */
/*     sección 9 no llevan media query y, por orden de cascada, se colaban  */
/*     en el móvil. Aquí la tapa deja de tener altura fija para que el pie  */
/*     —cifra y botón— no quede cortado por el recorte de la fila.          */
/* ---------------------------------------------------------------------- */

@media (max-width:900px){
  .biblioteca-mueble.nicho .estantes{
    min-height:0;
    gap:14px;
    padding:30px clamp(12px,4vw,26px) 0;
  }
  .biblioteca-mueble.nicho .estante-card{
    height:auto;
    min-height:400px;
    flex:0 0 176px;
    min-width:176px;
    max-width:176px;
  }
  .biblioteca-mueble.nicho .estante-meta{font-size:11px}
}

/* El botón de la tapa: fondo algo más oscuro y letra más clara, para que
   contraste igual sobre los tres colores de cubierta (morado, azul y verde). */
.biblioteca-mueble.nicho .estante-accion{
  background:rgba(0,0,0,.34);
  color:#ffeec6;
}
@media (max-width:900px){
  .biblioteca-mueble.nicho .estante-accion{font-size:10px;padding:8px 9px}
}