/* Icono original Font Awesome 4.5.0 (SIL OFL 1.1), servido localmente. */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-4.5.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

.float {
  position: fixed;
  width: 65px;
  height: 65px;
  bottom: 25px;
  right: 25px;
  background: #25d366;
  color: #fff;
  border-radius: 50%;
  font-size: 32px;
  z-index: 1000;

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

  box-shadow: 0 0 0 rgba(37, 211, 102, 0.7);
  animation: pulse 1.8s infinite;

  transition: transform 0.3s ease;
}

.float {
  text-decoration: none;
}

.float i {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}



.float:hover {
  transform: scale(1.15);
}

.my-float {
  margin: 0;
}

/* ANIMACIÓN LATIDO */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.float .fa { font:normal normal normal 14px/1 "FontAwesome";font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased; }
.float .fa-whatsapp::before { content:"\f232"; }
.breadcrumbs { display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#6d675e;margin-bottom:30px; }
.breadcrumbs a { text-decoration:underline;text-underline-offset:3px; }
.article-layout { max-width:850px;margin:auto; }
.article-body > * + * { margin-top:24px; }
.article-body h2 { margin-top:44px;font-size:2rem; }
.article-body h3 { margin-top:30px; }
.article-body ul,.article-body ol { padding-left:24px;line-height:1.8; }
.article-body a { color:var(--gold-ink);text-decoration:underline; }
.article-meta { display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#655e52;margin:25px 0; }
.article-image { height:auto;max-width:100%;border-radius:18px;margin:30px 0; }
.editorial-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.editorial-grid article { background:white;padding:28px;border:1px solid #e4e0d7;border-radius:20px; }
.editorial-grid h3 { margin:15px 0; }
.editorial-empty { padding:25px;border:1px solid #e4e0d7;border-radius:16px;background:#fff;margin-top:25px; }
@media(max-width:850px) { .editorial-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:560px) { .editorial-grid {grid-template-columns:1fr;} }


.editorial-subheading { margin-top:40px; }

/* Disposición de footer-dev de Geralt; paleta y fuente heredadas de Valxem.
   No se traslada el footer-premium completo ni se crea un segundo footer. */
footer .footer-dev {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  color: #6d675e;
  text-align: center;
  padding-bottom: 65px;
}
/* La reserva para el botón se mantiene al final, después de la atribución. */
footer .footer-bottom { padding-bottom: 0; }
footer .footer-dev a {
  color: #e0bf75;
  text-decoration: none;
  font-weight: 500;
}
footer .footer-dev a:hover { text-decoration: underline; }