/* static/app/perfil/facturacion_responsive.css */

/* static/app/perfil/facturacion_responsive.css */


/* =========================================
   FACTURACIÓN · RESPONSIVE
========================================= */

@media (max-width:768px){

    /* =====================================
       PAGE
    ===================================== */

    .facturacion-page{

        padding:
        8px
        0
        24px
        0;
    }


    /* =====================================
       HEADER
    ===================================== */

    .perfil-header{

        margin-bottom:18px;
    }

    .perfil-header h1{

        font-size:16px;

        font-weight:600;

        letter-spacing:0.6px;
    }

    .perfil-header p{

        font-size:12px;

        line-height:1.5;
    }


    /* =====================================
       BODY
    ===================================== */

    .perfil-body{
        gap:14px;
    }


    /* =====================================
       BLOQUES
    ===================================== */

    .bloque{

        padding:16px;

        border-radius:14px;

        gap:14px;
    }


    /* =====================================
       TITULOS BLOQUE
    ===================================== */

    .bloque-header h2{

        font-size:14px;

        letter-spacing:0.5px;
    }


    /* =====================================
       LISTA FACTURAS
    ===================================== */

    .facturas-lista{
        gap:12px;
    }


    /* =====================================
       ITEM FACTURA
    ===================================== */

    .factura-item{

        flex-direction:column;

        align-items:flex-start;

        gap:14px;

        padding:14px;

        border-radius:12px;
    }


    /* =====================================
       IZQUIERDA
    ===================================== */

    .factura-left{

        width:100%;

        gap:4px;
    }


    /* =====================================
       DERECHA
    ===================================== */

    .factura-right{

        width:100%;

        flex-direction:column;

        align-items:flex-start;

        gap:10px;
    }


    /* =====================================
       TEXTOS
    ===================================== */

    .factura-concepto{

        font-size:13px;

        line-height:1.4;

        white-space:normal;

        overflow:visible;

        text-overflow:unset;
    }

    .factura-fecha{

        font-size:11px;
    }

    .factura-importe{

        font-size:13px;
    }


    /* =====================================
       BOTÓN PDF
    ===================================== */

    .btn-pdf{

        width:100%;

        min-height:34px;

        display:flex;

        align-items:center;
        justify-content:center;

        box-sizing:border-box;

        border-radius:8px;

        font-size:11.5px;

        padding:
        8px
        12px;
    }


    /* =====================================
       SIN PDF
    ===================================== */

    .sin-pdf{

        font-size:11px;
    }


    /* =====================================
       MENSAJE
    ===================================== */

    #mensaje-facturas{

        font-size:11.5px;

        line-height:1.5;
    }

}