/* Ruta: wp-content/plugins/portalaseo-pedido/assets/css/
 * Archivo: productos.css
 * Versión: 1.0.0
 */
 
/* CLIENTE */
.pap-productos-header-operador,
.pap-productos-volver-operador{
    display:none;
}
.pap-productos-header-cliente,
.pap-productos-volver-cliente{
    display:block;
}

/* OPERADOR */
.pap-app-operador .pap-productos-header-cliente,
.pap-app-operador .pap-productos-volver-cliente{
    display:none;
}
.pap-app-operador .pap-productos-header-operador,
.pap-app-operador .pap-productos-volver-operador{
    display:block;
}

.pap-productos-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin:0 12px 20px;
}

.pap-producto-card{
    display:flex;
    flex-direction:column;
    background:var(--pap-card);
    border:1px solid var(--pap-border);
    border-radius:14px;
    overflow:hidden;
}

.pap-producto-imagen{
    width:100%;
    height:150px;
    background:#000;
}

.pap-producto-imagen img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.pap-producto-contenido{
    padding:16px;
}

.pap-producto-contenido h3{
    margin:0 0 6px;
    font-size:18px;
    color:#fff;
}

.pap-producto-contenido p{
    margin:0 0 14px;
    color:var(--pap-text-muted);
    font-size:13px;
    line-height:1.4;
}

.pap-producto-formatos{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.pap-producto-formato{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px;
    background:#111;
    border:1px solid rgba(255,255,255,.07);
    border-radius:9px;
}

.pap-producto-formato-info{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.pap-producto-formato-info strong{
    font-size:13px;
    color:#fff;
}

.pap-producto-formato-info span{
    font-size:14px;
    font-weight:800;
    color:var(--pap-primary);
}

.pap-producto-formato .pap-agregar{
    min-width:78px;
    padding:9px 12px;
}

@media(max-width:768px){
    .pap-productos-grid{
        grid-template-columns:1fr;
        gap:10px;
    }
}