/* styles moved from index.html */

@page {
    margin: 0.5in;
}

@media print {
    body > div[x-data] > nav,
    body > div[x-data] > main {
        display: none;
    }

    .reporte-output {
        display: block !important;
    }
    
    body {
        background: white;
    }
}

.reporte-output {
    display: none;
    background: white;
}

.dark {
    color-scheme: dark;
}

.glass-effect {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.1);
}

.dark .glass-effect {
    background: rgba(0, 0, 0, 0.3);
}

/* Ocultar elementos de UI que no deben imprimirse */
@media print {
    .bottom-nav,
    .site-footer {
        display: none !important;
    }
}

/* Compresión para caber en una sola hoja */
@media print {
    .reporte-output {
        padding: 6mm !important;
        font-size: 11px;
        line-height: 1.15;
        transform-origin: top left;
        transform: scale(0.95);
    }
    .reporte-output table { font-size: 10px; }
    .reporte-output th, .reporte-output td { padding: 2px 4px !important; }
    .reporte-output h1 { font-size: 18px; margin: 0 0 2mm 0; }
    .reporte-output h4 { font-size: 12px; margin: 2mm 0 1mm; }
    .reporte-output .recomendacion-impresa,
    .reporte-output p { font-size: 10px; margin: 1mm 0; }
    .reporte-output, .reporte-output * { page-break-inside: avoid; }
}

/* Reservar espacio para el menú inferior en pantallas (evita solapamiento) */
body {
    padding-bottom: 5.5rem; /* suficiente para el nav fijo + margen */
}

@media print {
    /* Quitar el padding extra al imprimir */
    body {
        padding-bottom: 0 !important;
    }
}

/* Estilos del footer mejorado */
.site-footer {
    display: block;
    position: relative;
    z-index: 40;
    /* slightly stronger background so white text is visible on light theme */
    background: linear-gradient(90deg, rgba(59,130,246,0.06), rgba(99,102,241,0.04));
    border-top: 1px solid rgba(0,0,0,0.06);
    backdrop-filter: blur(4px);
}

.site-footer .visitas-badge {
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    background: #eef2ff;
    color: #4f46e5;
}

.dark .site-footer {
    background: linear-gradient(90deg, rgba(17,24,39,0.03), rgba(17,24,39,0.02));
    border-top-color: rgba(255,255,255,0.04);
}

.dark .site-footer .visitas-badge {
    background: rgba(79,70,229,0.08);
    color: #c7b3ff;
}

/* Asistente IA: estilos de burbuja y panel */
.assistant-toggle {
    transition: transform .12s ease, box-shadow .12s ease;
}
.assistant-toggle:hover { transform: translateY(-3px) }

.assistant-panel { width: 20rem; }
.assistant-panel .assistant-messages { scrollbar-width: thin; }

/* Asegurar que el asistente no imprima */
@media print {
    .assistant-toggle,
    .assistant-panel {
        display: none !important;
    }
}