/* Piezas que solo existen en WordPress (paginación, barra de admin, resumen en archivos). */

.post__ex { margin: 10px 0 0; color: var(--gray); font-size: 0.9375rem; line-height: 1.5; }

.paginas { margin-top: clamp(48px, 8vh, 88px); }
.paginas ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.paginas li > .page-numbers {
  display: inline-grid; place-items: center; min-width: 48px; height: 48px; padding: 0 14px;
  font-weight: 600; color: var(--ink); text-decoration: none; box-shadow: inset 0 0 0 1.5px var(--rule);
  transition: background-color 200ms var(--ease-out), color 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
}
.paginas li > .current { background: var(--ink); color: var(--white); box-shadow: none; }
.paginas li > .dots { box-shadow: none; min-width: 24px; padding: 0; }
@media (hover: hover) and (pointer: fine) {
  .paginas a.page-numbers:hover { background: var(--orange); color: var(--ink); box-shadow: none; }
}
.paginas a.page-numbers:active { transform: scale(0.97); }

/* barra de admin (solo con sesión iniciada): el menú fijo baja para no taparla */
.admin-bar .nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .nav { top: 46px; } }
.admin-bar .v-subnav { top: calc(62px + 32px); }
@media (max-width: 782px) { .admin-bar .v-subnav { top: calc(62px + 46px); } }

/* restos del sitio anterior que agregan snippets o plugins (pie viejo, paso previo viejo de WhatsApp, botón de Click to Chat):
   el theme ya trae los suyos, así que no se muestran aunque sigan activos */
.ra26-ft, #ra26-wa-modal, #ht-ctc-chat, .ht-ctc { display: none !important; }

/* pie: el logo blanco (R&A con "Raskovsky & Asociados | Abogados"), el mismo que usaba el pie anterior */
.footer .footer__logo { width: 240px; height: auto; max-width: 100%; }

/* ---------- celular: ritmo vertical ----------
   En escritorio cada sección respira con 14–30vh arriba y abajo; en un celular eso suma 300–450 px de nada
   entre bloque y bloque. Acá se reduce a la mitad, dejando más aire arriba en las hojas con borde curvo
   (tienen que dejar pasar la curva antes del texto). */
@media (max-width: 820px) {
  .c-donde, .texto, .n-manifiesto, .n-socios, .v-about, .v-perfiles, .v-clientes,
  .frentes, .detalle, .faq, .otras, .proyectos, .novedades, .pg-servicio .novedades, .clientes { padding-top: 9vh; padding-bottom: 9vh; }
  .c-pasos, .texto--oscuro, .estudio, .desk, .contacto, .n-equipo, .v-casos, .firma, .cierre, .v-cifras { padding-top: 16vh; padding-bottom: 10vh; }
  .texto--oscuro:not(.sheet), .guia { padding-top: 9vh; padding-bottom: 9vh; }
  .faq + .faq { padding-top: 2vh; }
  .v-recursos, .v-contacto { padding-bottom: 9vh; }
  .footer { padding-top: 8vh; }
}

/* sobre secciones naranjas el cuadrado naranja del logo se perdía: lleva un borde negro, como el botón del menú */
.nav[data-theme="orange"] .nav__logo img { box-shadow: 0 0 0 1.5px var(--ink); }

/* sub-menú de Vaca Muerta Desk en celular: los últimos ítems se desvanecen en el borde (se nota que sigue de costado) */
@media (max-width: 820px) {
  .v-subnav ol { -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent); padding-right: 32px; }
}

/* texto solo para lectores de pantalla (títulos que se escriben letra por letra) */
.sr-txt { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* menú del celular con la barra de administración (solo con sesión iniciada): el panel y su línea arrancan debajo de las dos barras */
@media (max-width: 960px) {
  .admin-bar .nav__sheet { top: calc(var(--nav-h) + 32px); }
  .has-micro .admin-bar .nav__menu::before { top: calc(var(--nav-h) + 32px); }
}
@media (max-width: 782px) {
  .admin-bar .nav__sheet { top: calc(var(--nav-h) + 46px); }
  .has-micro .admin-bar .nav__menu::before { top: calc(var(--nav-h) + 46px); }
}
/* con el menú abierto, el botón de WhatsApp no tapa el panel */
html.menu-open .wa-flota { opacity: 0; pointer-events: none; }