/*
Theme Name: Chisme
Template: blogarise
Theme URI: https://themeansar.com/free-themes/blogarise/
Author: Themeansar X
Author URI: http://themeansar.com
Description: BlogArise is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. BlogArise is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. BlogArise is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise-demos/ and documentation at https://docs.themeansar.com/docs/blogarise/
Version: 1.5.5
Tested up to: 6.9
Requires PHP: 7.4
Requires at least: 6.7
Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blogarise
*/


.feo {
    font-size: x-large;
    color:red; }

.color_titulo {
    color:whitesmoke; 
    font-size: 0.7rem;
    padding: 12px 24px;
    border: 2px solid #00ff00;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border-radius: 8px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.5), inset 0 0 20px rgba(0, 255, 0, 0.1);
    transition: all 0.3s ease;
}

.color_titulo:hover {
    transform: scale(1.05);
    box-shadow: 0 0 40px rgba(0, 255, 0, 0.8), inset 0 0 30px rgba(0, 255, 0, 0.3);
    text-shadow: 0 0 10px #00ff00;
    color:red; 
    background-color: aqua;
}

.mi_zoom { 
transition: transform 5s ease; }

.mi_zoom:hover {
transform: scale(2.1);
}

.efecto_imagen_sistema
{
    cursor: pointer;
}

.efecto_imagen_sistema:hover {
    animation: shake 0.9s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
    20%, 40%, 60%, 80% { transform: translateX(2px); }
}
    animation: zoomIn 0.6s ease-out forwards;
}

@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}