Cuba

¡Rugido antillano en el diamante! Cuba se impone a Panamá en su estreno mundialista

Luis Molero Mar 6, 2026 0

Tras este debut victorioso, el cuerpo técnico cubano ya prepara su siguiente estrategia para consolidar el liderato del grupo. La…

Beisbol Deportes Relevantes Última hora

El «Team Asere» contra viento y marea: Cuba ratifica su presencia en el Clásico Mundial pese al veto de visas

Luis Molero Mar 2, 2026 0

Cuba llega con la vara alta tras su histórico cuarto lugar en la edición pasada. En un escenario donde la…

<style>
/* Contenedor flotante para el menú de categorías */
#rz-menu-categorias {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.98);
    padding: 15px 12px;
    border-radius: 0 16px 16px 0;
    box-shadow: 5px 0 25px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.03);
    border-left: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all 0.3s ease;
}

/* Estilo base de los botones de categoría */
#rz-menu-categorias a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: #f8f9fa; /* Gris claro muy elegante */
    position: relative; 
}

/* Etiqueta flotante (Tooltip) que muestra el nombre de la sección */
#rz-menu-categorias a::after {
    content: attr(data-title);
    position: absolute;
    left: 50px;
    background-color: #222222;
    color: white;
    padding: 6px 14px;
    border-radius: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    pointer-events: none;
}

#rz-menu-categorias a:hover::after {
    opacity: 1;
    visibility: visible;
    left: 58px; /* Animación de deslizamiento */
}

/* Colores personalizados por categoría al pasar el ratón */
#rz-menu-categorias a.cat-inicio:hover { background-color: #1a73e8; } /* Azul clásico */
#rz-menu-categorias a.cat-relampago:hover { background-color: #E60000; } /* Rojo intenso para Última Hora */
#rz-menu-categorias a.cat-politica:hover { background-color: #424242; } /* Gris sobrio para Política */
#rz-menu-categorias a.cat-deportes:hover { background-color: #0f9d58; } /* Verde para Deportes */
#rz-menu-categorias a.cat-sucesos:hover { background-color: #f4b400; } /* Amarillo/Naranja para Sucesos */

#rz-menu-categorias a:hover svg {
    fill: #ffffff; 
    transform: scale(1.15); 
}

/* Iconos SVG base */
#rz-menu-categorias svg {
    width: 22px;
    height: 22px;
    fill: #555555;
    transition: all 0.3s ease;
}

/* Ocultar en móviles para no tapar la pantalla de lectura */
@media (max-width: 768px) {
    #rz-menu-categorias { display: none; }
}
</style>

<div id="rz-menu-categorias">
    <a href="https://tuweb.com/" class="cat-inicio" data-title="Inicio">
        <svg viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>
    </a>
    
    <a href="https://tuweb.com/categoria/ultima-hora" class="cat-relampago" data-title="Última Hora">
        <svg viewBox="0 0 24 24"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>
    </a>
    
    <a href="https://tuweb.com/categoria/politica" class="cat-politica" data-title="Política y Nacionales">
        <svg viewBox="0 0 24 24"><path d="M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H4V5h16v14zm-2-2H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2z"/></svg>
    </a>
    
    <a href="https://tuweb.com/categoria/deportes" class="cat-deportes" data-title="Deportes">
        <svg viewBox="0 0 24 24"><path d="M19 3h-2V2h-2v1H9V2H7v1H5c-1.1 0-2 .9-2 2v3c0 2.8 2.22 5.08 4.96 5.25.32.74.83 1.39 1.48 1.88V18H7v2h10v-2h-2.44c.65-.49 1.16-1.14 1.48-1.88C18.78 10.08 21 7.8 21 5V5c0-1.1-.9-2-2-2zm-2 5H7V5h10v3zm-5 5c-1.1 0-2-.9-2-2V8h4v2c0 1.1-.9 2-2 2z"/></svg>
    </a>

    <a href="https://tuweb.com/categoria/sucesos" class="cat-sucesos" data-title="Sucesos">
        <svg viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
    </a>
</div>