section{margin:0 auto;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;margin-bottom:5rem;margin-left:2rem}*{color:#000}.cab{margin:0 auto;width:80%;margin:1.5rem;display:flex;justify-content:space-between;align-items:center}.cab h2{font-weight:700;color:#000}.cab-btns{display:flex;gap:.6rem;align-items:center}.cab a{padding:.5rem 1rem;background-color:#000;border-radius:20px;color:#fff;text-decoration:none}.cab .btn-compras{background-color:#c00}.cab .btn-compras:hover{background-color:#a00}.cab .btn-mis-compras{background-color:#333}.cab .btn-mis-compras:hover{background-color:#555}hr{margin:0 auto;background-color:#c00;height:.1rem;border:none;width:95%}.cab input{padding:.5rem 1rem;background-color:#000;border-radius:20px;color:#fff}.tarjetas{margin:1.5rem 1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}article{position:relative;padding:1.2rem;border:1px solid #e0e0e0;width:100%;min-width:0;display:flex;flex-flow:column nowrap;border-radius:12px;background:#fff;box-shadow:0 2px 10px #00000012;cursor:pointer;transition:transform .2s,box-shadow .2s}article:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}article .lista{position:absolute;top:.8rem;left:.8rem;z-index:10}article .lista img{width:1.8rem;height:1.8rem;cursor:pointer;border-radius:50%;padding:.25rem;background:#0000001a;transition:background .2s}article .lista img:hover{background:#00000040}article .lista ul{display:none;position:absolute;top:2.4rem;left:0;list-style:none;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;flex-direction:column;padding:.4rem 0;min-width:130px}article .lista ul button{width:100%;background:none;border:none;padding:.6rem 1rem;color:#222;font-weight:600;font-size:.88rem;cursor:pointer;text-align:left;transition:background .15s}article .lista ul button:hover{background:#f5f5f5}article .lista ul button[name=borrar]{color:#c00}article .lista ul button[name=borrar]:hover{background:#fff0f0}article .lista ul hr{margin:0;height:1px;background:#eee;width:100%;border-radius:0}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal.hidden{display:none}.modal-window{position:relative;width:760px;max-width:calc(100vw - 2rem)}#closeModal{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;background:#c00;color:#fff;border:none;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}#closeModal:hover{background:#a00;transform:scale(1.1)}#editIframe{width:100%;height:560px;border:none;border-radius:14px;display:block}article img{width:100%;height:200px;object-fit:contain;margin-bottom:1rem}article .info{display:flex;flex-flow:column nowrap;gap:.5rem;margin-bottom:1rem;flex:1}article .info h2{font-size:.88rem;font-weight:700;color:#111;line-height:1.4}article .detalle{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}article .detalle strong{font-size:1rem;font-weight:800;color:#c00}article .detalle small{font-size:.8rem;color:#555}article a{display:block;text-align:center;text-decoration:none;color:#fff;background:#111;padding:.55rem 1rem;border-radius:25px;font-weight:700;font-size:.85rem;transition:background .2s;margin-top:auto}article a:hover{background:#c00}@media(max-width:992px){.tarjetas{display:grid;grid-template-columns:1fr}}