/* ========================= */
/* CARRITO PANEL */
/* ========================= */

.overlay-carrito{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.45);

opacity:0;
visibility:hidden;

transition:.3s;

z-index:99998;

}

.overlay-carrito.activo{

opacity:1;
visibility:visible;

}

.carrito-panel{

position:fixed;

top:0;
right:-420px;

width:420px;

max-width:100%;

height:100%;

background:#fff;

z-index:99999;

transition:.3s;

display:flex;

flex-direction:column;

box-shadow:
-10px 0 30px rgba(0,0,0,.12);

}

.carrito-panel.activo{

right:0;

}

.carrito-header{

padding:20px;

border-bottom:1px solid #eee;

display:flex;

align-items:center;

justify-content:space-between;

}

.carrito-header h3{

margin:0;

font-size:24px;

font-weight:700;

}

.carrito-header button{

border:none;

background:none;

font-size:26px;

cursor:pointer;

}

#carritoContenido{

flex:1;

overflow:auto;

padding:20px;

}

.carrito-footer{

padding:20px;

border-top:1px solid #eee;

}

.btn-checkout{

width:100%;

display:flex;

align-items:center;

justify-content:center;

padding:14px;

background:#b720eb;

color:#fff;

text-decoration:none;

border-radius:12px;

font-weight:700;

margin-top:15px;

}

.item-carrito{

display:flex;

gap:14px;

margin-bottom:20px;

}

.item-img{

width:90px;

height:90px;

object-fit:contain;

border-radius:10px;

background:#f5f5f5;

}

.item-info{

flex:1;

}

.item-nombre{

font-size:15px;

font-weight:700;

margin-bottom:6px;

}

.item-precio{

font-size:16px;

font-weight:700;

margin-bottom:8px;

}

.item-cantidad{

display:flex;

align-items:center;

gap:10px;

margin-bottom:8px;

}

.btn-cantidad{

width:30px;

height:30px;

border:none;

border-radius:6px;

background:#eee;

cursor:pointer;

}

.btn-eliminar{

border:none;

background:none;

color:red;

padding:0;

cursor:pointer;

font-size:14px;

}