/*
 * TEMA: GRAZALEMA PLUVIOSA (Verdes Bosque / Lluvia / Glassmorphism)
 */

body {
    background: linear-gradient(135deg, #0a1c18 0%, #040a08 100%);
    color: #e2f1ed;
}

/* Cabecera */
.presentation-header {
    background: linear-gradient(to bottom, rgba(10, 28, 24, 0.9) 0%, rgba(10, 28, 24, 0) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

.presentation-brand .dashicons {
    color: #00e676;
    text-shadow: 0 0 10px rgba(0, 230, 118, 0.4);
}

.presentation-brand h1 {
    color: #e2f1ed;
}

/* Diapositivas */
.slide-frame {
    background: transparent;
}

.slide-title {
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6);
    border-bottom: 2px solid #00e676;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px !important;
}

.slide-body {
    color: #b9d8d1;
}

.slide-body strong {
    color: #00e676;
}

/* Barra de Progreso */
#progress-bar-fill {
    background: linear-gradient(to right, #1de9b6, #00e676);
    box-shadow: 0 0 8px #00e676;
}

/* Widgets */
.widget-mount {
    background: rgba(12, 34, 29, 0.7);
    border: 1px solid rgba(0, 230, 118, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(12px);
}

.timeline-axis-line {
    background: rgba(0, 230, 118, 0.15);
}

.timeline-node-time {
    color: #00e676;
}

.timeline-node-dot {
    background: #00e676;
    box-shadow: 0 0 10px #00e676;
}

.timeline-node:hover .timeline-node-dot {
    background: #1de9b6;
    box-shadow: 0 0 14px #1de9b6;
}

.rain-value {
    color: #00e5ff !important;
    text-shadow: 0 0 8px rgba(0,229,255,0.3);
}

/* Botones de navegación */
.nav-button {
    background: rgba(0, 230, 118, 0.08);
    border: 1px solid rgba(0, 230, 118, 0.15);
    color: #00e676;
}

.nav-button:hover {
    background: #00e676;
    color: #0c221d;
    box-shadow: 0 0 12px rgba(0, 230, 118, 0.4);
}

.slide-counter-badge {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.03);
    color: #81ada4;
}