:root{
  --negro:#171717;
  --gris:#252525;
  --blanco:#ffffff;
  --rojo:#E8272A;
  --crema:#F9DFC1;
}
/* ── HAMBURGER (solo icono, sin función) ── */
.hamburger{
  background:none; border:none;
  width:40px; padding:0; z-index:9998;
  display:flex; flex-direction:column; gap:8px;
  position:fixed; top:31px; right:56px;
  mix-blend-mode:difference;
  cursor:default;
}
.hamburger .bar{ display:block; }

/* ── PAGE HEADER ── */
.page-topbar{
  width:100%;
  height:100px;
  pointer-events:none;
  position:relative;
}
.volver-link{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:38px;
  font-family:'Unbounded',sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:1;
  color:#555;
  text-decoration:none;
  white-space:nowrap;
  pointer-events:all;
  display:flex;
  align-items:center;
  gap:10px;
  transition:color .25s;
}
.volver-link svg path{ stroke:#555; transition:stroke .25s; }
.volver-link:hover{ color:var(--blanco); }
.volver-link:hover svg path{ stroke:var(--blanco); }
.page-topbar-count{
  position:absolute;
  right:56px;
  top:70px;
  font-family:'DM Sans',sans-serif;
  font-weight:500;
  font-size:13px;
  color:#666;
}

/* ── LISTADO DE CASOS (horizontal, compacto) ── */
.casos-list-wrap{
  padding:0 56px 40px;
  position:relative;
  min-height:400px;
}
.casos-list-page{
  display:grid;
  grid-template-columns:1fr;
  max-width:720px;
  margin:0 auto;
}
.casos-list-page.is-hidden{
  display:none;
}
.caso-row{
  display:flex;
  align-items:center;
  gap:16px;
  padding:12px 4px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  text-decoration:none;
  cursor:pointer;
  transition:background .25s ease, border-color .25s ease;
}
.caso-row:hover{
  background:var(--gris);
  border-color:var(--gris);
}
.caso-row-thumb{
  width:88px;
  height:64px;
  flex-shrink:0;
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,#2a2a2a,#171717);
}
.caso-row-thumb .mono{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Unbounded',sans-serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:0.04em;
  color:rgba(255,255,255,0.14);
}
.caso-row-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease;
}
.caso-row:hover .caso-row-thumb img{ transform:scale(1.05); }
.caso-row-info{
  flex:1;
  min-width:0;
}
.caso-row-cliente{
  font-family:'DM Sans',sans-serif;
  font-weight:700;
  font-size:11px;
  letter-spacing:0.08em;
  color:var(--rojo);
  text-transform:uppercase;
  margin-bottom:4px;
}
.caso-row-titulo{
  font-family:'Unbounded',sans-serif;
  font-weight:500;
  font-size:15px;
  line-height:1.25;
  color:var(--blanco);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.caso-row-arrow{
  flex-shrink:0;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:translateX(-6px);
  transition:opacity .25s ease, transform .25s ease;
}
.caso-row:hover .caso-row-arrow{
  opacity:1;
  transform:translateX(0);
}
.caso-row-arrow svg path{ stroke:var(--rojo); }

/* Scroll reveal */
.caso-row.reveal-hidden{ opacity:0; transform:translateY(16px); }

/* ── PAGINACIÓN ── */
.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  padding:24px 24px 100px;
}
.page-btn{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Unbounded',sans-serif;
  font-weight:500;
  font-size:13px;
  color:#666;
  background:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:all .2s ease;
}
.page-btn:hover:not(.active):not(.stub){
  border-color:#555;
  color:var(--blanco);
}
.page-btn.active{
  background:var(--rojo);
  color:var(--blanco);
}
.page-btn.stub{
  cursor:default;
  color:#3a3a3a;
}
.page-arrow{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  border:1px solid #333;
  cursor:pointer;
  transition:border-color .2s ease;
}
.page-arrow:hover{ border-color:var(--blanco); }
.page-arrow svg path{ stroke:#888; transition:stroke .2s ease; }
.page-arrow:hover svg path{ stroke:var(--blanco); }
.page-arrow[disabled]{ opacity:0.25; pointer-events:none; }
.page-dots{
  color:#444;
  font-family:'DM Sans',sans-serif;
  font-size:13px;
  padding:0 4px;
}

/* Enlaces generados por la paginación nativa de WordPress. */
.pagination .page-numbers{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-family:'Unbounded',sans-serif;
  font-weight:500;
  font-size:13px;
  color:#666;
  text-decoration:none;
  background:none;
  border:1px solid transparent;
  transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.pagination a.page-numbers:hover{
  border-color:#555;
  color:var(--blanco);
}
.pagination .page-numbers.current{
  background:var(--rojo);
  color:var(--blanco);
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
  border-color:#333;
}
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover{ border-color:var(--blanco); }
.pagination .page-numbers svg path{
  stroke:#888;
  transition:stroke .2s ease;
}
.pagination .page-numbers:hover svg path{ stroke:var(--blanco); }
.pagination .page-numbers.dots{
  width:auto;
  border:0;
  color:#444;
  pointer-events:none;
}
.casos-empty{
  padding:80px 0;
  color:#777;
  text-align:center;
  font-family:'Unbounded',sans-serif;
  font-size:14px;
}

/* ── MOBILE ── */
@media (max-width:768px){
  .hamburger{ top:26px; right:24px; width:32px; }
  .page-topbar{ height:120px; }
  .volver-link{ top:68px; left:24px; transform:none; font-size:15px; gap:6px; }
  .page-topbar-count{ display:none; }

  .casos-list-wrap{ padding:0 24px 24px; }
  .casos-list-page{ grid-template-columns:1fr; gap:0; }
  .caso-row{ gap:12px; padding:10px 0; }
  .caso-row-thumb{ width:64px; height:48px; }
  .caso-row-cliente{ font-size:10px; }
  .caso-row-titulo{ font-size:13px; }
  .caso-row-arrow{ display:none; }

  .pagination{ padding:16px 12px 64px; gap:6px; flex-wrap:nowrap; }
  .page-btn{ width:28px; height:28px; font-size:12px; flex-shrink:0; }
  .page-arrow{ width:28px; height:28px; flex-shrink:0; }
  .pagination .page-numbers{ width:28px; height:28px; font-size:12px; }
  #pageNumbers{
    overflow-x:auto;
    flex:1;
    min-width:0;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
  }
  #pageNumbers::-webkit-scrollbar{ display:none; }
}

/* ── Logo móvil — tamaño propio de esta página ── */
@media (max-width:768px){
  #logo-sticky{ width:56px; top:20px; left:24px; }
}