:root{
  --fondo:#0b0b0d;
  --panel:#111114;
  --panel-profundo:#08080a;
  --oro:#d4af37;
  --oro-suave:#f1dc87;
  --texto:#f5f2ea;
  --secundario:#b9b6ad;
  --rojo:#a52a2a;
  --verde:#4f7d46;
  --linea:rgba(212,175,55,.42);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:
    radial-gradient(
      circle at 50% 5%,
      rgba(212,175,55,.08),
      transparent 34%
    ),
    var(--fondo);
  color:var(--texto);
  font-family:Arial,Helvetica,sans-serif;
}

.publicaciones-header{
  min-height:76px;
  padding:14px clamp(18px,4vw,64px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--linea);
  background:rgba(7,7,9,.96);
}

.publicaciones-header img{
  width:150px;
  height:auto;
  display:block;
}

.volver-inicio{
  color:var(--oro-suave);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none;
}

.publicaciones-bienvenida{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
  padding:76px 0 34px;
  text-align:center;
}

.bienvenida-kicker{
  margin:0 0 18px;
  color:var(--oro);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
}

.publicaciones-bienvenida h1{
  margin:0;
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:clamp(34px,6vw,68px);
  line-height:1.05;
}

.metodo-recomendado{
  width:min(900px,100%);
  margin:32px auto 0;
  padding:24px clamp(20px,4vw,38px);
  border:1px solid rgba(212,175,55,.42);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  text-align:center;
}

.metodo-recomendado h2{
  margin:0 0 7px;
  color:var(--oro);
  font-family:Georgia,serif;
  font-size:clamp(20px,2.5vw,28px);
  text-align:center;
}

.metodo-recomendado > strong{
  display:block;
  margin-bottom:18px;
  color:var(--oro-suave);
  font-size:12px;
  letter-spacing:.12em;
  text-align:center;
}

.metodo-recomendado p{
  margin:0;
  color:var(--secundario);
  font-size:clamp(18px,1.5vw,20px);
  line-height:1.75;
  text-align:center;
}

.metodo-recomendado p + p{
  margin-top:12px;
}

.frase-bienvenida-autor{
  width:min(820px,100%);
  margin:34px auto 46px;
  padding:30px clamp(20px,4vw,42px);
  border-top:1px solid rgba(212,175,55,.45);
  border-bottom:1px solid rgba(212,175,55,.45);
  background:rgba(255,255,255,.018);
}

.frase-bienvenida-autor blockquote{
  margin:0;
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:clamp(18px,2.4vw,25px);
  line-height:1.75;
  text-align:center;
}

.frase-bienvenida-autor figcaption{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
}

.frase-bienvenida-autor img{
  width:58px;
  height:58px;
  display:block;
  border:1px solid rgba(212,175,55,.70);
  border-radius:50%;
  object-fit:cover;
}

.frase-bienvenida-autor figcaption span{
  color:var(--oro-suave);
  font-family:Georgia,serif;
  font-size:17px;
  font-style:italic;
}

.principio-editorial-autor{
  width:min(900px,100%);
  margin:54px auto 0;
  padding:32px clamp(20px,5vw,52px);
  border:1px solid rgba(212,175,55,.34);
  border-radius:16px;
  background:rgba(8,8,10,.56);
  text-align:center;
}

.principio-editorial-autor p{
  margin:0;
  color:var(--secundario);
  font-family:Georgia,serif;
  font-size:clamp(17px,2vw,22px);
  line-height:1.75;
}

.principio-editorial-autor span{
  margin-top:18px;
  display:block;
  color:var(--oro);
  font-family:Georgia,serif;
  font-size:16px;
  font-style:italic;
}

.accesos-grid{
  width:min(520px,100%);
  margin:42px auto 34px;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  align-items:stretch;
}

.cuenta-card,
.visitante-card{
  min-height:390px;
  padding:28px 34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid var(--linea);
  border-radius:22px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.025),
      transparent
    ),
    var(--panel);
  box-shadow:0 28px 70px rgba(0,0,0,.38);
}

.acceso-titulo{
  margin:0 0 18px;
  color:var(--oro-suave);
  font-family:Georgia,serif;
  font-size:clamp(20px,2.5vw,28px);
  font-weight:700;
  letter-spacing:.14em;
}

.puerta-cuenta{
  width:96px;
  height:114px;
  margin-bottom:8px;
}

.puerta-cuenta svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:var(--oro);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.puerta-hoja,
.puerta-marco{
  fill:#1a1a1d;
  stroke:#8a7128;
  stroke-width:2;
}

.puerta-manija{
  fill:var(--oro);
  stroke:none;
}

.is-inactiva .puerta-estado{
  fill:#e05252;
  stroke:var(--panel-profundo);
  stroke-width:3;
}

.is-activa .puerta-estado{
  fill:#3fbf5f;
  stroke:var(--panel-profundo);
  stroke-width:3;
}

.puerta-marca{
  fill:none;
  stroke:var(--panel-profundo);
  stroke-width:4;
}

.cuenta-estado{
  margin:8px 0 18px;
  color:var(--oro);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}

.cuenta-nombre{
  margin:-8px 0 18px;
  color:var(--texto);
}

.cuenta-boton,
.visitante-boton{
  -webkit-appearance:none;
  appearance:none;

  width:min(310px,100%);
  min-height:48px;
  margin-top:10px;
  padding:13px 18px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--oro);
  border-radius:8px;

  color:var(--texto);
  background:#101012;

  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035);

  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1;
  letter-spacing:.05em;
  text-align:center;
  text-decoration:none;

  cursor:pointer;
  user-select:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;

  transition:
    color .20s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .18s ease,
    filter .22s ease;
}

.cuenta-boton.secundario{
  color:var(--oro-suave);
  border-color:rgba(212,175,55,.78);
}

/* INICIAR SESIÓN */
.cuenta-boton:not(.secundario):hover,
.cuenta-boton:not(.secundario):focus-visible{
  color:#17140a;
  border-color:#fff0a6;

  background:
    linear-gradient(
      145deg,
      #fff0a6 0%,
      #dfb838 48%,
      #a97808 100%
    );

  box-shadow:
    0 12px 28px rgba(0,0,0,.42),
    0 0 22px rgba(212,175,55,.42),
    inset 0 1px 0 rgba(255,255,255,.48);

  transform:translateY(-3px) scale(1.015);
  outline:none;
}

/* CREAR CUENTA */
.cuenta-boton.secundario:hover,
.cuenta-boton.secundario:focus-visible{
  color:#fff8ea;
  border-color:#e76060;

  background:
    linear-gradient(
      145deg,
      #b93434 0%,
      #861d22 58%,
      #541014 100%
    );

  box-shadow:
    0 12px 28px rgba(0,0,0,.44),
    0 0 22px rgba(190,42,48,.42),
    inset 0 1px 0 rgba(255,255,255,.12);

  transform:translateY(-3px) scale(1.015);
  outline:none;
}

.visitante-card{
  position:relative;
  border-color:rgba(212,175,55,.82);
  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(212,175,55,.14),
      transparent 42%
    ),
    #121214;
}

.visitante-distintivo{
  position:absolute;
  top:22px;
  right:22px;
  padding:7px 10px;
  border:1px solid var(--oro);
  border-radius:999px;
  color:var(--oro);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.visitante-card h2{
  margin:0 0 14px;
  color:var(--oro);
  font-family:Georgia,serif;
  font-size:clamp(27px,4vw,42px);
}

.visitante-card strong{
  color:var(--texto);
  font-size:17px;
  letter-spacing:.06em;
}

.visitante-card p{
  max-width:510px;
  margin:20px auto 25px;
  color:var(--secundario);
  font-size:17px;
  line-height:1.7;
}

.visitante-boton{
  min-height:58px;

  color:#17140a;
  border-color:#f1d36d;

  background:
    linear-gradient(
      145deg,
      #f6dc7d 0%,
      #d4af37 50%,
      #a97808 100%
    );

  box-shadow:
    0 10px 26px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,232,139,.16),
    0 0 18px rgba(212,175,55,.26),
    inset 0 1px 0 rgba(255,255,255,.38);

  font-size:14px;

  animation:
    visitante-invitacion-aariv
    4.8s
    ease-in-out
    infinite;
}

.visitante-boton:hover,
.visitante-boton:focus-visible{
  color:#100e08;
  border-color:#fff6bf;

  background:
    linear-gradient(
      145deg,
      #fff6bf 0%,
      #f0cd55 44%,
      #c69212 100%
    );

  box-shadow:
    0 14px 32px rgba(0,0,0,.46),
    0 0 0 2px rgba(255,240,166,.20),
    0 0 30px rgba(212,175,55,.58),
    inset 0 1px 0 rgba(255,255,255,.58);

  transform:translateY(-4px) scale(1.045);
  filter:brightness(1.05);
  outline:none;
  animation:none;
}

.cuenta-boton:active,
.visitante-boton:active{
  transform:translateY(0) scale(.965);
  filter:brightness(.96);
  animation:none;
}

@keyframes visitante-invitacion-aariv{
  0%,
  68%,
  100%{
    transform:translateY(0) scale(1);

    box-shadow:
      0 10px 26px rgba(0,0,0,.38),
      0 0 0 1px rgba(255,232,139,.16),
      0 0 18px rgba(212,175,55,.24),
      inset 0 1px 0 rgba(255,255,255,.38);
  }

  76%{
    transform:translateY(-2px) scale(1.025);

    box-shadow:
      0 13px 30px rgba(0,0,0,.42),
      0 0 0 2px rgba(255,240,166,.20),
      0 0 28px rgba(212,175,55,.52),
      inset 0 1px 0 rgba(255,255,255,.50);
  }

  84%{
    transform:translateY(0) scale(1.008);

    box-shadow:
      0 11px 27px rgba(0,0,0,.40),
      0 0 0 1px rgba(255,232,139,.18),
      0 0 21px rgba(212,175,55,.32),
      inset 0 1px 0 rgba(255,255,255,.42);
  }
}

@media(prefers-reduced-motion:reduce){
  .visitante-boton{
    animation:none;
  }

  .cuenta-boton,
  .visitante-boton{
    transition:none;
  }
}

.firma-publicaciones{
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.firma-publicaciones img{
  width:116px;
  height:116px;
  display:block;
  border:1px solid rgba(212,175,55,.70);
  border-radius:50%;
  object-fit:cover;
}

.firma-publicaciones figcaption{
  color:var(--oro-suave);
  font-family:Georgia,serif;
  font-size:22px;
  font-style:italic;
}

.biblioteca{
  min-height:100vh;
  padding:30px 0 64px;
  border-top:1px solid var(--linea);
  background:
    radial-gradient(circle at 72% 0,rgba(212,175,55,.075),transparent 32%),
    linear-gradient(180deg,#07090c,#090c10 60%,#07090c);
}

.biblioteca-pagina{
  width:min(1480px,calc(100% - 34px));
  margin:0 auto;
}

.biblioteca-portada{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:28px;
  align-items:start;
  margin-bottom:22px;
}

.biblioteca-kicker{
  margin:0 0 8px;
  color:var(--rojo);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}

.biblioteca-identidad h1{
  margin:0;
  color:var(--oro);
  font-family:Georgia,serif;
  font-size:clamp(44px,5.6vw,76px);
  line-height:.95;
  text-align:center;
}

.biblioteca-herramientas{
  min-width:0;
}

.biblioteca-busqueda{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}

.biblioteca-busqueda input,
.biblioteca-busqueda button,
.biblioteca-filtros select,
.biblioteca-aplicar{
  min-height:46px;
  border:1px solid var(--linea);
  border-radius:6px;
  background:#0c1117;
  color:var(--texto);
}

.biblioteca-busqueda input{
  width:100%;
  padding:0 15px;
  outline:none;
}

.biblioteca-busqueda input:focus,
.biblioteca-filtros select:focus{
  border-color:var(--oro);
  box-shadow:0 0 0 2px rgba(212,175,55,.12);
}

.biblioteca-busqueda button,
.biblioteca-aplicar{
  padding:0 20px;
  color:var(--oro);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
}

.biblioteca-busqueda button{
  min-width:120px;
}

.biblioteca-filtros{
  display:grid;
  grid-template-columns:repeat(4,minmax(118px,1fr)) auto;
  gap:10px;
  margin-top:10px;
}

.biblioteca-filtros select{
  min-width:0;
  padding:0 12px;
  color:#d3d0c9;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
}

.biblioteca-aplicar{
  min-width:104px;
}

.biblioteca-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  align-items:start;
}

.biblioteca-principal{
  min-width:0;
}

.biblioteca-bloque{
  margin-bottom:22px;
}

.biblioteca-seccion-titulo{
  margin:0 0 13px;
  color:var(--oro);
  font-family:Georgia,serif;
  font-size:22px;
  line-height:1.2;
}

.biblioteca-seccion-cabecera{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:13px;
}

.biblioteca-seccion-cabecera .biblioteca-seccion-titulo{
  margin:0;
}

.biblioteca-seccion-cabecera > span{
  color:var(--secundario);
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
}

.destacados-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.72fr);
  gap:14px;
}

.destacados-grid.sin-secundarios{
  grid-template-columns:1fr;
}

.publicacion-destacada,
.publicacion-mini,
.publicacion-card,
.biblioteca-panel,
.biblioteca-mensaje{
  border:1px solid var(--linea);
  border-radius:9px;
  background:rgba(12,16,21,.88);
}

.publicacion-destacada,
.publicacion-mini,
.publicacion-card{
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}

.publicacion-destacada:hover,
.publicacion-mini:hover,
.publicacion-card:hover,
.publicacion-destacada:focus-visible,
.publicacion-mini:focus-visible,
.publicacion-card:focus-visible{
  border-color:rgba(240,213,111,.82);
  background:#10161d;
  transform:translateY(-2px);
  outline:none;
}

.publicacion-destacada{
  min-height:330px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(145deg,rgba(212,175,55,.075),transparent 38%),
    rgba(12,16,21,.92);
}

.publicacion-distintivo,
.publicacion-categoria{
  display:inline-block;
  color:var(--rojo);
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.publicacion-categoria{
  margin-left:12px;
  color:var(--oro);
}

.publicacion-destacada h2{
  margin:14px 0 15px;
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.08;
}

.publicacion-destacada p{
  max-width:780px;
  margin:0;
  color:#d5d2ca;
  font-size:15px;
  line-height:1.65;
}

.destacados-secundarios{
  display:grid;
  gap:10px;
}

.publicacion-mini{
  min-height:102px;
  padding:17px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.publicacion-mini h3{
  margin:0 0 14px;
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.3;
}

.publicacion-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:#9d9a92;
  font-size:11px;
  line-height:1.4;
}

.publicaciones-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.publicacion-card{
  min-height:265px;
  padding:18px;
  display:flex;
  flex-direction:column;
}

.publicacion-card > .publicacion-categoria{
  margin:0;
}

.publicacion-card h3{
  margin:14px 0 12px;
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:21px;
  line-height:1.25;
}

.publicacion-extracto{
  margin:0;
  color:#c7c4bd;
  font-size:13px;
  line-height:1.58;
}

.publicacion-card .publicacion-meta{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(212,175,55,.16);
}

.biblioteca-lateral{
  display:grid;
  gap:14px;
  align-content:start;
}

.biblioteca-panel{
  padding:18px;
}

.biblioteca-panel h2{
  margin:0 0 15px;
  color:var(--oro);
  font-size:14px;
  line-height:1.2;
  letter-spacing:.05em;
}

.biblioteca-lista{
  display:grid;
  gap:4px;
}

.biblioteca-lista a{
  min-height:35px;
  padding:7px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(212,175,55,.10);
  color:#c9c6bf;
  font-size:13px;
  text-decoration:none;
}

.biblioteca-lista a:last-child{
  border-bottom:0;
}

.biblioteca-lista a:hover,
.biblioteca-lista a:focus-visible{
  color:var(--oro-suave);
  outline:none;
}

.biblioteca-lista b{
  color:#8f8c84;
  font-size:11px;
}

.biblioteca-panel-vacio{
  margin:0;
  color:#8f8c84;
  font-size:12px;
  line-height:1.5;
}

.biblioteca-resumen{
  margin-bottom:12px;
  padding-bottom:14px;
  display:grid;
  gap:4px;
  border-bottom:1px solid rgba(212,175,55,.16);
}

.biblioteca-resumen strong{
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:34px;
  line-height:1;
}

.biblioteca-resumen span{
  color:#8f8c84;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
}

.biblioteca-mensaje{
  min-height:210px;
  padding:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:var(--secundario);
  text-align:center;
}

.biblioteca-mensaje strong{
  color:var(--texto);
  font-family:Georgia,serif;
  font-size:22px;
}

.biblioteca-mensaje a{
  min-height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--oro);
  border-radius:6px;
  color:var(--oro);
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

.publicaciones-paginacion{
  margin:34px auto 0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  color:var(--secundario);
  font-size:11px;
  letter-spacing:.07em;
}

.publicaciones-paginacion a{
  width:max-content;
  min-height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--linea);
  border-radius:7px;
  color:var(--oro-suave);
  font-weight:900;
  text-decoration:none;
}

.publicaciones-paginacion a:last-child{
  justify-self:end;
}

.publicaciones-paginacion strong{
  font-weight:900;
  text-align:center;
}

@media(max-width:1100px){
  .biblioteca-portada{
    grid-template-columns:1fr;
    align-items:start;
  }

  .biblioteca-intro{
    max-width:760px;
  }

  .biblioteca-layout{
    grid-template-columns:1fr;
  }

  .biblioteca-lateral{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .publicaciones-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:800px){
  .publicaciones-header{
    min-height:66px;
  }

  .publicaciones-header img{
    width:126px;
  }

  .accesos-grid{
    grid-template-columns:1fr;
  }

  .visitante-card{
    order:-1;
  }

  .cuenta-card,
  .visitante-card{
    min-height:410px;
    padding:28px 20px;
  }

  .biblioteca{
    padding-top:24px;
  }

  .biblioteca-filtros{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .biblioteca-aplicar{
    grid-column:1 / -1;
  }

  .destacados-grid{
    grid-template-columns:1fr;
  }

  .biblioteca-lateral{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .biblioteca-pagina{
    width:min(100% - 24px,1480px);
  }

  .biblioteca-identidad h1{
    font-size:clamp(42px,15vw,62px);
  }

  .biblioteca-busqueda{
    grid-template-columns:1fr;
  }

  .biblioteca-busqueda button{
    width:100%;
  }

  .biblioteca-filtros{
    grid-template-columns:1fr;
  }

  .publicacion-destacada{
    min-height:0;
    padding:22px;
  }

  .publicacion-destacada h2{
    font-size:29px;
  }

  .publicaciones-grid{
    grid-template-columns:1fr;
  }

  .publicacion-card{
    min-height:230px;
  }

  .biblioteca-seccion-cabecera{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .publicaciones-paginacion{
    grid-template-columns:1fr 1fr;
  }

  .publicaciones-paginacion strong{
    grid-column:1 / -1;
    grid-row:1;
  }
}

@media(max-width:420px){
  .volver-inicio{
    font-size:9px;
  }

  .publicaciones-bienvenida{
    padding-top:62px;
  }

  .bienvenida-texto{
    font-size:16px;
  }

  .firma-publicaciones img{
    width:96px;
    height:96px;
  }

  .firma-publicaciones figcaption{
    font-size:18px;
  }
}