/* ==========================================================================
   wp-extra.css · Detalles inevitables fuera de la maqueta (blog)
   Encabezado compacto de archivos, grilla de archivo y paginación WP.
   Se encola aparte de main.css.
   ========================================================================== */

/* Encabezado oscuro compacto (category.php / index.php) */
#pg-vision .cat-abre{padding-top:calc(72px + clamp(36px,5vw,64px));padding-bottom:clamp(32px,5vw,52px)}
#pg-vision .cat-abre .lead{max-width:56ch;margin:16px 0 0;color:var(--txt-d-sec)}

/* Grilla de archivo (parcial loop-cards) */
#pg-vision .arch-grid{padding-top:clamp(32px,5vw,52px)}
#pg-vision .arch-empty{color:var(--sec);max-width:56ch}

/* Paginación de WordPress (the_posts_pagination) */
#pg-vision .arg-pagination{margin-top:clamp(36px,5vw,56px)}
#pg-vision .arg-pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#pg-vision .arg-pagination .page-numbers{
  font:500 13px/1 var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;
  color:var(--sec);border:1px solid var(--hair);padding:11px 15px;text-decoration:none;
  transition:color var(--t-fast),border-color var(--t-fast)}
#pg-vision .arg-pagination a.page-numbers:hover,
#pg-vision .arg-pagination a.page-numbers:focus-visible{color:var(--navy);border-color:var(--navy)}
#pg-vision .arg-pagination .page-numbers.current{color:var(--navy);border-color:var(--navy)}
#pg-vision .arg-pagination .page-numbers.dots{border:0;padding:11px 4px}

/* Texto solo para lectores de pantalla (paginación de WP y labels del tema) */
.screen-reader-text,
.sr-only{
  position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}

/* Formulario de contacto: honeypot fuera de pantalla (nunca display:none,
   los bots más simples lo detectan) y avisos de envío */
#pg-contacto .cx-hp{position:absolute !important;left:-9999px;top:auto;
  width:1px;height:1px;overflow:hidden}
#pg-contacto .cx-aviso{border:1px solid var(--hair);border-left-width:3px;
  padding:14px 18px;margin:0 0 26px;max-width:56ch}
#pg-contacto .cx-aviso p{margin:0}
#pg-contacto .cx-aviso-ok{border-left-color:var(--navy)}
#pg-contacto .cx-aviso-err{border-left-color:#8C2F1B}

/* Gate de ATLAS: aviso de código inválido */
#pg-atlas .gate-error{color:#E4A399}

/* Formulario de contacto: el select de tema hereda el estilo de los inputs */
.field select{width:100%;font:400 16px/1.5 var(--sans);color:var(--tinta);
  background:var(--blanco);border:1px solid var(--hair);padding:13px 14px;border-radius:0;
  transition:border-color var(--t-fast);appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 49%,var(--sec) 50%,var(--sec) 60%,transparent 61%),
    linear-gradient(-45deg,transparent 49%,var(--sec) 50%,var(--sec) 60%,transparent 61%);
  background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.field select:hover{border-color:#B9C1D2}
.field select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px rgba(41,172,255,.25)}

/* A2 · GTranslate: se OCULTA el selector flotante de banderitas por CSS en
   vez de apagarlo en sus ajustes. Motivo: con el selector en "ninguno" el
   plugin puede dejar de encolar su motor JS, y sin ese motor la cookie
   googtrans no traduce nada; ocultándolo, el motor sigue vivo y los botones
   ES·EN·PT del header (mejoras-home.js) lo disparan. NO cambiar los ajustes
   del plugin. Selectores de las variantes conocidas del widget flotante. */
.gtranslate_wrapper,
#gtranslate_wrapper,
#gt_float_wrapper,
.gt_float_switcher,
.gt_switcher_wrapper{display:none !important;visibility:hidden !important}
/* OJO: NO ocultar #google_translate_element2 (es el div-motor donde monta
   Google; sin el no hay traduccion). */
/* La barra "Mostrar traducción" que Google inyecta arriba tampoco debe correr
   el layout (el header es fijo): se anula el desplazamiento del body. */
body{top:0 !important}
iframe.skiptranslate{display:none !important}

/* Barra de administración de WordPress: el header fijo baja para no taparla */
body.admin-bar .hd{top:32px}
body.admin-bar .mnav{top:32px}
body.admin-bar .readprogress{top:104px}
@media (max-width:782px){
  body.admin-bar .hd{top:46px}
  body.admin-bar .mnav{top:46px}
  body.admin-bar .readprogress{top:118px}
}