:root {
    --primary: #000000;
    --primary-hover: #1f2937;
    --secondary: #e2e8f0;
    --secondary-hover: #cbd5e1;
    --danger: #ef4444;
    --background: #f8fafc;
    --surface: #ffffff;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --border: #e2e8f0;
    
    /* MEGAPIXEL Colors */
    --mgpx-blue: #1d4ed8; /* Darker blue from header */
    --mgpx-green: #16a34a;
    --mgpx-red: #dc2626;
    --mgpx-bg-light: #f1f5f9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--background);
    color: var(--text-main);
    line-height: 1.5;
}

.app-container {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

/* =========================================
   PANEL IZQUIERDO (EDITOR)
   ========================================= */
.editor-panel {
    width: 400px;
    background-color: var(--surface);
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    z-index: 10;
}

.panel-header {
    padding: 24px;
    border-bottom: 1px solid var(--border);
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 20;
}

.form-sections {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
}

.input-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}

.input-group label {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-main);
}

input[type="text"],
input[type="number"],
input[type="date"],
textarea,
select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: inherit;
}

/* Listas y Tarjetas Editor */
.items-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.item-card, .package-card {
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 12px;
    position: relative;
}

.btn-remove-item {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 4px;
}

.btn-remove-item:hover { color: var(--danger); }

/* Botones */
.btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
}
.btn-primary { background: var(--primary); color: white; }
.btn-secondary { background: var(--secondary); color: var(--text-main); }
.btn-danger { background: #fee2e2; color: var(--danger); }

.btn-small {
    padding: 6px 12px;
    font-size: 0.8125rem;
    border-radius: 4px;
    background-color: var(--secondary);
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* =========================================
   PANEL DERECHO (PREVISUALIZACIÓN MEGAPIXEL)
   ========================================= */
.preview-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #e2e8f0;
    overflow-y: auto;
}

.preview-controls {
    padding: 16px 32px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 20;
}

.document-wrapper {
    padding: 32px;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 70px);
}

.quote-document {
    background-color: white;
    width: 210mm;
    height: max-content;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #111;
}

.watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.05; /* Very subtle watermark */
    z-index: 1;
    pointer-events: none;
}

.quote-content-inner {
    position: relative;
    z-index: 2;
    padding: 12mm 15mm;
    display: flex;
    flex-direction: column;
}

/* Header MEGAPIXEL */
.mgpx-header-block {
    background-color: #000;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
}

.mgpx-logo {
    width: 85%;
    max-width: 600px;
    height: auto;
    object-fit: contain;
    margin-bottom: 15px;
}

.doc-title {
    text-align: center;
    margin-bottom: 20px;
}
.doc-title h2 {
    font-size: 16pt;
    color: #1e3a8a; /* Dark blue */
    font-weight: bold;
    letter-spacing: 1px;
}

/* Meta Table */
.meta-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 9pt;
}
.meta-table td {
    padding: 6px 8px;
    border: 1px solid #e5e7eb;
}
.meta-lbl {
    font-weight: bold;
    color: var(--mgpx-blue);
    background-color: #f8fafc;
    width: 15%;
}
.meta-val {
    width: 35%;
}

.objective-text {
    font-size: 9.5pt;
    text-align: justify;
    margin-bottom: 25px;
}

/* Paquetes / Opciones A B */
.package-box {
    border: 1px solid var(--mgpx-blue);
    margin-bottom: 20px;
    background-color: var(--mgpx-bg-light);
    display: flex;
    flex-direction: column;
}
.package-header {
    background-color: var(--mgpx-blue);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.package-title-area {
    padding: 12px 15px;
    flex: 1;
}
.package-title-area h3 {
    margin: 0;
    font-size: 12pt;
    text-transform: uppercase;
}
.package-subtitle {
    font-size: 9pt;
    font-style: italic;
    opacity: 0.9;
    margin-top: 4px;
}
.package-price-area {
    background-color: #1e40af; /* Slightly darker */
    padding: 12px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 140px;
}
.package-price {
    font-size: 14pt;
    font-weight: bold;
}
.package-currency {
    font-size: 8pt;
}
.package-body {
    padding: 15px;
    font-size: 9.5pt;
}
.package-body ul {
    margin: 0;
    padding-left: 20px;
}
.package-body li {
    margin-bottom: 4px;
}

/* Tabla Servicios Adicionales */
.section-title {
    font-size: 11pt;
    color: #111;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.items-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    font-size: 9.5pt;
}
.items-table th {
    background-color: #1e3a8a;
    color: white;
    padding: 8px;
}
.items-table td {
    padding: 8px;
    border-bottom: 1px solid #e5e7eb;
}
.items-table tbody tr:nth-child(even) {
    background-color: #f8fafc;
}

/* Condiciones */
.conditions-section {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 9pt;
    background-color: #f8fafc;
}
.conditions-text {
    white-space: pre-wrap;
}

/* Firma */
.signature-section {
    margin-top: 50px;
    text-align: center;
    font-size: 9pt;
}
.sig-line {
    width: 250px;
    height: 1px;
    background-color: #000;
    margin: 0 auto 10px auto;
}
.sig-name {
    font-weight: bold;
}
.sig-footer {
    margin-top: 30px;
    font-size: 8pt;
    color: #666;
}

/* =========================================
   PORTADA (COVER PAGE)
   ========================================= */
.cover-page {
    width: 210mm;
    height: 297mm;
    background-color: #ffffff;
    color: #000000;
    position: relative;
    overflow: hidden;
}
.cover-page-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}
.cover-content {
    text-align: center;
    padding: 40px;
}
.cover-content .mgpx-logo {
    max-width: 350px;
}

/* =========================================
   RESPONSIVE (MOBILE)
   ========================================= */
@media (max-width: 992px) {
    .app-container {
        flex-direction: column;
    }
    .editor-panel {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--border);
        max-height: 55vh;
    }
    .preview-panel {
        width: 100%;
    }
    .document-wrapper {
        padding: 16px;
        overflow-x: auto;
        justify-content: flex-start;
    }
}