.cpwc-combo { margin: 0 0 1.5em; width: 100%; }
.cpwc-paso { border: 0; padding: 0; margin: 0 0 1.2em; }
.cpwc-paso legend { font-weight: 700; font-size: 1.05em; margin-bottom: .6em; }
.cpwc-oblig { color: #c0392b; }
.cpwc-opciones { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.cpwc-opcion { position: relative; cursor: pointer; margin: 0; }
.cpwc-opcion input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cpwc-tarjeta {
    display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%;
    padding: 10px 8px; border: 2px solid #e2e2e2; border-radius: 12px; background: #fff;
    text-align: center; font-size: .85em; line-height: 1.2; transition: border-color .15s, box-shadow .15s;
}
.cpwc-tarjeta img { width: 64px; height: 64px; object-fit: contain; }
.cpwc-nombre { font-weight: 600; text-transform: uppercase; }
.cpwc-precio { color: #777; font-size: .9em; }
.cpwc-opcion input:checked + .cpwc-tarjeta { border-color: #f5b800; box-shadow: 0 0 0 3px rgba(245, 184, 0, .25); }
.cpwc-opcion input:focus-visible + .cpwc-tarjeta { outline: 2px solid #1e1e1e; outline-offset: 2px; }
.cpwc-suplemento { font-weight: 600; margin: .3em 0 0; }

/* ---- Quitar ingredientes / Añadir extras (estilo kiosco) ---- */
.cpwc-oculto { display: none !important; }
.cpwc-ing { width: 100%; margin: 0 0 1.5em; }
.cpwc-ing__sec { margin: 0 0 1.2em; }
.cpwc-ing__tit {
    display: flex; align-items: center; gap: 10px; margin: 0 0 .7em; padding-bottom: .5em;
    border-bottom: 1px solid #e5e5e5; font-size: 1.05em; font-weight: 700; text-transform: none;
}
.cpwc-ing__signo {
    display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;
    border-radius: 6px; font-weight: 700; font-size: 1.1em; line-height: 1;
}
.cpwc-ing__sec--quitar .cpwc-ing__signo { background: #fde8e8; color: #c62828; }
.cpwc-ing__sec--extras .cpwc-ing__signo { background: #e6f4ea; color: #1e7e34; }
.cpwc-ing__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 767px) { .cpwc-ing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cpwc-ing__btn {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
    width: 100%; min-height: 60px; margin: 0 !important; padding: 8px 6px !important; border: 2px solid #e2e2e2 !important; border-radius: 12px !important;
    background: #fff !important; color: #222 !important; font-size: .82em !important; font-weight: 500; letter-spacing: 0;
    text-transform: uppercase; line-height: 1.2; cursor: pointer; box-shadow: none;
    transition: border-color .15s, background-color .15s;
}
.cpwc-ing__btn:hover { border-color: #bbb !important; }
.cpwc-ing__pre { font-size: .85em; color: #777; font-weight: 600; }
.cpwc-ing__sec--quitar .cpwc-ing__btn[aria-pressed="true"] {
    border-color: #c62828 !important; background: #fdecec !important; text-decoration: line-through;
}
.cpwc-ing__sec--extras .cpwc-ing__btn[aria-pressed="true"] {
    border-color: #1e7e34 !important; background: #eaf6ed !important;
}
.cpwc-total { flex-basis: 100%; width: 100%; font-size: 1.15em; margin: .5em 0 .8em; }
.cpwc-suplemento { display: none; }