body{
    font-family:'Segoe UI', Arial, sans-serif;
    background:#f4f6f8;
    padding:20px;
    margin:0;
}


/* GRID EN PANTALLA */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(6cm, 1fr));
    gap:15px;
}


/* CARD */
.card{
    width:6cm;
    height:13cm;
    border-radius:18px;
    overflow:hidden;
    border:2px dashed #ccc;
    background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,0.08);
    transition:transform .2s;
    display:flex;
    flex-direction:column;
}


.card:hover{
    transform:scale(1.02);
}


/* HEADER */
.header{
    text-align:center;
    font-weight:700;
    padding:8px;
    font-size:12px;
    letter-spacing:0.3px;
}


/* PRECIO */
.precio{
    color:#e60023;
    font-size:28px;
    text-align:center;
    font-weight:800;
}


/* ENGANCHE */
.enganche{
    background:linear-gradient(90deg,#ffe600,#ffd000);
    padding:9px;
    font-size:10px;
    text-align:center;
    font-weight:700;
}


/* PAGOS */
.pagos{
    padding:9px;
}


.pago-item{
    display:flex;
    align-items:center;
    gap:8px;
    background:#f0f2f5;
    padding:8px;
    margin:7px 0;
    border-radius:25px;
}


.numero{
    background:#2d2d2d;
    color:#fff;
    border-radius:50%;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:13px;
}


.texto{
    font-size:11px;
    font-weight:600;
}


.texto span{
    color:#e60023;
    font-weight:800;
    font-size:13px;
}


/* FOOTER */
.footer{
    background:linear-gradient(90deg,#ffe600,#ffd000);
    padding:8px;
    font-size:8px;
    font-weight:700;
    margin-top:auto;
}


.imei{
    margin-top:6px;
    font-size:11px;
    font-weight:800;
    color:#333;
    display:flex;
    justify-content:flex-end;
}



/* BOTONES */
.btn{
    background:linear-gradient(135deg,#1e3a8a,#2563eb);
    color:#fff;
    border:none;
    padding:12px 22px;
    font-size:15px;
    border-radius:10px;
    cursor:pointer;
}



/* ========================= */
/*        IMPRESIÓN           */
/* ========================= */

@media print{


    @page{
        size:letter;
        margin:0.4cm;
    }



    body{
        background:#fff;
        padding:0;
        margin:0;
    }



    /* OCULTAR ZONA DE TRABAJO */
    body > .mb-3,
    #codigoProducto,
    #listaProductos,
    button,
    .btn{
        display:none !important;
    }




    /* SOLO ETIQUETAS */
    #contenedor{
        display:grid !important;
        grid-template-columns:repeat(3,6cm);
        grid-auto-rows:13cm;
        gap:0.25cm;
        justify-content:center;
        align-content:start;
    }



    .card{
        width:6cm;
        height:13cm;
        box-shadow:none;
        border:1px solid #000;
        border-radius:12px;
        page-break-inside:avoid;
        break-inside:avoid;
    }



    .card:hover{
        transform:none;
    }



    .header{
        font-size:12px;
        padding:7px;
        font-weight:800;
    }



    .precio{
        font-size:28px;
        font-weight:900;
    }



    .enganche{
        font-size:9px;
        padding:7px;
    }



    .pagos{
        padding:8px;
    }



    .pago-item{
        padding:7px;
        margin:6px 0;
    }



    .numero{
        width:30px;
        height:30px;
        font-size:13px;
    }



    .texto{
        font-size:10px;
    }



    .texto span{
        font-size:12px;
    }



    .footer{
        font-size:8px;
        padding:7px;
    }



    .imei{
        font-size:8px;
    }


}



.iva{
    font-size:9px;
    font-weight:600;
}


.datos{
    font-size:11px;
    font-weight:600;
}