Derrota

«Es justo que me critiquen»: Salvador Pérez asume la responsabilidad tras el revés ante Dominicana

Luis Molero Mar 12, 2026 0

Con cuatro participaciones en Clásicos Mundiales, Salvador Pérez sigue siendo el líder indiscutible del dogout, pero reconoce que en el…

Beisbol Deportes Principal Última hora

¡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…

<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>