/* ============================================================
   PRAXITAL · Detalles compartidos por todo el sitio
   Se carga en las 10 páginas públicas.
   1. Botones: el mismo comportamiento que estrenó el CTA de
      "Quién dirige" — se eleva, la flecha avanza y un destello
      cruza el botón al pasar el cursor.
   2. Logo: recorte circular y tamaño del pie.
   ============================================================ */

/* ---- LOGO ----
   logo2.png era un JPEG con extensión .png: al no admitir
   transparencia mostraba el cuadro negro de fondo allí donde no
   se aplicaba un recorte. Ahora es PNG real con alfa, y aquí se
   asegura el círculo en todas partes por si acaso. */
.brand img { border-radius: 50%; }

/* El logo del pie, un 30% mayor que el de la barra. */
footer .brand img,
.foot-inner .brand img,
.foot-brand .brand img { width: 52px; height: 52px; }
@media (max-width: 600px) {
  footer .brand img, .foot-inner .brand img, .foot-brand .brand img {
    width: 46px; height: 46px;
  }
}

.btn,
.btn-cv,
.btn-buy,
.cbtn,
.read-more.btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  white-space: nowrap;             /* el texto nunca parte el botón en dos */
  transition: transform .3s cubic-bezier(.16,1,.3,1),
              background .3s, color .3s, border-color .3s, box-shadow .3s;
}

/* El destello. Va por debajo del texto (z-index -1 dentro del botón). */
.btn::before,
.btn-cv::before,
.btn-buy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 20%,
              rgba(255,255,255,.42) 50%, transparent 80%);
  transform: translateX(-120%);
  transition: transform .7s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.btn:hover::before,      .btn:focus-visible::before,
.btn-cv:hover::before,   .btn-cv:focus-visible::before,
.btn-buy:hover::before,  .btn-buy:focus-visible::before {
  transform: translateX(120%);
}

.btn:hover, .btn:focus-visible,
.btn-buy:hover, .btn-buy:focus-visible { transform: translateY(-3px); }
.btn:active, .btn-cv:active, .btn-buy:active { transform: translateY(-1px); }

/* La flecha acompaña al cursor */
.btn .arw, .btn-cv .arw, .folio-go .arw, .pgo .arw {
  transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.btn:hover .arw, .btn:focus-visible .arw,
.btn-cv:hover .arw, .btn-cv:focus-visible .arw { transform: translateX(5px); }

/* Foco visible para quien navega con teclado */
.btn:focus-visible, .btn-cv:focus-visible, .btn-buy:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(48,181,178,.45);
}

/* Los botones de la barra no se comprimen: si se estrechan, el
   border-radius de 100px los convierte en un círculo. */
.nav-links .btn, .nav-right .btn { flex: none; }

@media (prefers-reduced-motion: reduce) {
  .btn, .btn-cv, .btn-buy, .btn::before, .btn-cv::before, .btn-buy::before,
  .btn .arw, .btn-cv .arw { transition: none }
  .btn:hover, .btn-cv:hover, .btn-buy:hover { transform: none }
}

/* ---- Acceso a Gestión desde el pie ----
   Antes era un punto casi invisible. Un enlace discreto pero legible
   se usa mejor y no finge que la zona no existe: la protección debe
   estar en el servidor, no en esconder el enlace. */
.foot-gestion{font-size:.86rem;color:var(--paper-dim);transition:color .25s}
.foot-gestion:hover{color:var(--cyan)}
.foot-bottom .foot-gestion{margin-left:8px}