/* ===== CONTENEDOR GENERAL ===== */
.uwa-form, .uwa-view{
    max-width:520px;
    margin:20px auto;
    padding:22px;
    border-radius:14px;
    font-family: "Segoe UI", Arial, sans-serif;
    box-shadow:0 6px 14px rgba(0,0,0,0.08);
    transition:all 0.3s ease;
}

/* ===== TITULOS ===== */
.uwa-form h3, .uwa-view h3{
    margin-top:0;
    font-size:20px;
    font-weight:600;
}

/* ===== LABEL ===== */
.uwa-form label{
    display:block;
    margin-top:12px;
    font-weight:600;
    font-size:14px;
}

/* ===== INPUTS ===== */
.uwa-form input{
    width:100%;
    padding:10px;
    margin-top:5px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:14px;
    outline:none;
    transition:border 0.2s;
}

.uwa-form input:focus{
    border-color:#888;
}

/* ===== BOTONES ===== */
.uwa-form button,
.uwa-view button{
    margin-top:15px;
    padding:10px;
    width:100%;
    border:none;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
    font-size:15px;
    transition:background 0.3s;
}

/* ===== PEDIDOSYA (ROJO PASTEL) ===== */
.uwa-rojo{
    background:#fff5f5;
    border:2px solid #ffbcbc;
}

.uwa-rojo h3{
    color:#e53935;
}

.uwa-rojo button{
    background:#ff8a80;
    color:white;
}

.uwa-rojo button:hover{
    background:#ff5252;
}

/* ===== AMIPASS (VERDE UWA) ===== */
.uwa-verde{
    background:#f2fff6;
    border:2px solid #10B557;
}

.uwa-verde h3{
    color:#10B557;
}

.uwa-verde button{
    background:#10B557;
    color:white;
}

.uwa-verde button:hover{
    background:#0e9c4c;
}

/* ===== TABLAS ===== */
.uwa-view table{
    width:100%;
    border-collapse:collapse;
    margin-top:15px;
    font-size:14px;
}

.uwa-view th{
    background:#f6f6f6;
    padding:8px;
    text-align:left;
}

.uwa-view td{
    padding:8px;
    border-bottom:1px solid #e5e5e5;
}

/* ===== TOTAL ===== */
.uwa-total{
    margin-top:12px;
    font-size:18px;
    font-weight:bold;
    text-align:right;
}

/* ===== MENSAJES ===== */
.uwa-ok{
    background:#e0ffe8;
    padding:8px;
    border-radius:6px;
    margin-bottom:10px;
    color:#207c37;
    font-weight:bold;
}

.uwa-error{
    background:#ffe0e0;
    padding:8px;
    border-radius:6px;
    margin-bottom:10px;
    color:#b00000;
    font-weight:bold;
}