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

body {
    font-family: 'Inter', sans-serif;
}

.watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 8rem;
    color: rgba(34, 197, 94, 0.05); /* green-500 with low opacity */
    pointer-events: none;
    white-space: nowrap;
    z-index: 0;
    font-weight: 800;
}

@media print {
    @page {
        margin: 0.5cm;
        size: auto; /* auto is the initial value */
    }
    .no-print {
        display: none !important;
    }
    .shadow-xl, .shadow-lg, .shadow-md {
        box-shadow: none !important;
    }
    body {
        background: white !important;
        margin: 0;
        padding: 0;
        display: block;
    }
    .container-box {
        border: 1px solid #eee !important;
        box-shadow: none !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }
    /* Ajustes para que quepa en una hoja */
    .p-8, .md\:p-12 {
        padding: 1rem !important;
    }
    .mb-10 {
        margin-bottom: 1rem !important;
    }
    .mb-8 {
        margin-bottom: 1rem !important;
    }
    .gap-y-6 {
        gap: 1rem !important; /* row-gap */
    }
    .h-20 {
        height: 4rem !important; /* Logo más pequeño */
    }
    .text-2xl, .md\:text-3xl {
        font-size: 1.5rem !important;
    }
    .watermark {
        font-size: 5rem !important;
        opacity: 0.03;
    }
}