/*
Theme Name: AsapTheme Child
Template: asap
Description: Tema hijo personalizado para munditofire.com (Estilo TodoFOE Premium)
Author: Antigravity
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
    --foe-primary: #1e293b;      /* Azul Oscuro Premium */
    --foe-secondary: #d97706;    /* Dorado/Naranja vibrante (Estilo FOE) */
    --foe-bg: #f8fafc;
    --foe-card-bg: #ffffff;
    --foe-text: #334155;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

body {
    background-color: var(--foe-bg) !important;
    font-family: 'Roboto', sans-serif !important;
    color: var(--foe-text) !important;
}

/* =========================================
   HEADER Y NAVEGACIÓN
   ========================================= */
.site-header, .header-wrapper, #masthead {
    background-color: var(--foe-primary) !important;
    border-bottom: 4px solid var(--foe-secondary) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}

.site-title a, .site-header .menu-item a, .nav-menu a {
    color: #f1f5f9 !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

.site-header .menu-item a:hover, .nav-menu a:hover {
    color: var(--foe-secondary) !important;
}

/* =========================================
   TARJETAS DE POSTS (HOME Y ARCHIVOS)
   ========================================= */
.article-loop {
    background: var(--foe-card-bg) !important;
    border-radius: 12px !important;
    box-shadow: var(--card-shadow) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    margin-bottom: 30px !important;
}

.article-loop:hover {
    transform: translateY(-6px) !important;
    box-shadow: var(--card-shadow-hover) !important;
    border-color: #cbd5e1;
}

/* Efecto zoom suave en las imágenes destacadas */
.article-image {
    transition: transform 0.5s ease !important;
}
.article-loop:hover .article-image {
    transform: scale(1.05) !important;
}

.entry-title, .post-title {
    font-weight: 700 !important;
    color: var(--foe-primary) !important;
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
}

.entry-title a {
    color: inherit !important;
    text-decoration: none !important;
}

.entry-title a:hover {
    color: var(--foe-secondary) !important;
}

/* =========================================
   BOTONES
   ========================================= */
.button, .btn, .read-more, button[type="submit"] {
    background-color: var(--foe-secondary) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    padding: 12px 24px !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    box-shadow: 0 4px 6px rgba(217, 119, 6, 0.2) !important;
}

.button:hover, .btn:hover, .read-more:hover, button[type="submit"]:hover {
    background-color: #b45309 !important; /* Naranja más oscuro */
    transform: scale(1.02);
}

/* =========================================
   SIDEBAR Y WIDGETS
   ========================================= */
.widget {
    background: var(--foe-card-bg) !important;
    border-radius: 12px !important;
    box-shadow: var(--card-shadow) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

.widget-title {
    background-color: var(--foe-primary) !important;
    color: #fff !important;
    padding: 12px 20px !important;
    border-radius: 8px 8px 0 0 !important;
    margin: -20px -20px 20px -20px !important;
    font-size: 1.1rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}