/*
Theme Name: IC Digital 2026
Theme URI: https://icdigital.net
Author: Ivan Mercedes 
Author URI: https://ivanmercedes.com
Description: Un tema base personalizado para IC Digital.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icdigital
*/

/* Aquí van tus estilos base */
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
}

/* ==========================================================================
   Bootstrap 5 Theme Color Overrides
   ========================================================================== */
:root, [data-bs-theme="light"] {
    /* Success */
    --bs-success: #5d9f35;
    --bs-success-rgb: 93, 159, 53;
    
    /* Danger */
    --bs-danger: #e80018;
    --bs-danger-rgb: 232, 0, 24;
    
    /* Warning */
    --bs-warning: #f1c032;
    --bs-warning-rgb: 241, 192, 50;
}

/* Hard overrides for utility classes and buttons */
.bg-success { background-color: var(--bs-success) !important; }
.text-success { color: var(--bs-success) !important; }
.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: #4c822b;
    --bs-btn-hover-border-color: #457527;
}

.bg-danger { background-color: var(--bs-danger) !important; }
.text-danger { color: var(--bs-danger) !important; }
.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: #c50014;
    --bs-btn-hover-border-color: #b50013;
}

.bg-warning { background-color: var(--bs-warning) !important; }
.text-warning { color: var(--bs-warning) !important; }
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: #d4a525;
    --bs-btn-hover-border-color: #c99c23;
}

/* ==========================================================================
   WordPress Default Content Styling
   ========================================================================== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    color: var(--bs-success);
    font-weight: bold;
}

/* ==========================================================================
   Blog Minimalist Styling
   ========================================================================== */
.pagination-minimalist .nav-links {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.pagination-minimalist .page-numbers {
    padding: 0.5rem 1.2rem;
    border-radius: 50rem;
    background-color: #f8f9fa;
    color: var(--bs-success);
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}
.pagination-minimalist .page-numbers:hover {
    background-color: var(--bs-success);
    color: #fff;
}
.pagination-minimalist .page-numbers.current {
    background-color: var(--bs-success);
    color: #fff;
}
.pagination-minimalist .screen-reader-text {
    display: none;
}
.transition-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;
}

/* ==========================================================================
   Animations
   ========================================================================== */
@keyframes blogFadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.blog-card-animate {
    animation: blogFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}