prueba zocalo

 

<!-- ==== WIDGET DE REDES - ELOCTAVODIATDF ==== -->

<style>

#eod-widget {

  position: fixed;

  bottom: 20px;

  right: 20px;

  background: #ffffffcc;

  backdrop-filter: blur(6px);

  border-radius: 14px;

  padding: 12px 16px;

  display: flex;

  align-items: center;

  gap: 14px;

  box-shadow: 0 4px 18px rgba(0,0,0,0.15);

  z-index: 9999;

  font-family: Arial, sans-serif;

  transition: all 0.25s ease;

}

#eod-widget:hover {

  background: #ffffffee;

  box-shadow: 0 6px 22px rgba(0,0,0,0.22);

}

#eod-widget img {

  width: 24px;

  height: 24px;

  transition: transform 0.2s ease;

}

#eod-widget img:hover {

  transform: scale(1.18);

}

#eod-widget span {

  font-size: 13px;

  color: #333;

  opacity: 0.9;

  letter-spacing: 0.2px;

  font-weight: 500;

}

</style>

<div id="eod-widget">

  <a href="https://x.com/ElOctavoDiaTdF" target="_blank">

    <img src="https://img.icons8.com/ios-filled/50/000000/x.png" alt="X">

  </a>

  <a href="https://instagram.com/eloctavodia.tdf" target="_blank">

    <img src="https://img.icons8.com/ios-glyphs/50/000000/instagram-new.png" alt="Instagram">

  </a>

  <a href="https://facebook.com/ElOctavoDiaTdF" target="_blank">

    <img src="https://img.icons8.com/ios-filled/50/000000/facebook.png" alt="Facebook">

  </a>

  <span>ElOctavoDiaTdF</span>

</div>

<!-- ==== FIN DEL WIDGET ==== -->