<!doctype html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ trim($__env->yieldContent('title')) ?: ($title ?? 'Documento') }}</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            background: #f5f7fb;
            color: #1f2933;
        }
        .vx-print-shell {
            max-width: 920px;
            margin: 24px auto;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 18px 40px -25px rgba(15, 23, 42, .35);
            padding: 32px 36px;
        }
        h1, h2, h3, h4, h5, h6 { font-weight: 600; }
        .table { font-size: .9rem; }
        .table th { background: #f1f5f9; font-weight: 600; }
        .table-sm > :not(caption) > * > * { padding: .55rem .75rem; }
        @media print {
            body { background: #fff; }
            .vx-print-shell {
                box-shadow: none;
                margin: 0;
                padding: 0;
                max-width: 100%;
                border-radius: 0;
            }
            .d-print-none { display: none !important; }
        }
    </style>
    @stack('styles')
</head>
<body>
<div class="vx-print-shell">
    @yield('content')
</div>
</body>
</html>
