/* ===== RESPONSIVE CARRITO ===== */
@media (max-width: 768px) {
  .carrito-popup {
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    border-radius: 0;
    transform: translateX(100%);
  }

  .carrito-popup.show {
    transform: translateX(0);
  }

  .carrito-popup-header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
  }

  .carrito-overlay.show {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* Responsive precios */
@media (max-width: 768px) {
    .precios-opciones {
        grid-template-columns: 1fr;
    }
    
    .precio-card.unico {
        max-width: 100%;
    }
    
    .precio-valor {
        font-size: 1.6rem;
    }
    
    .precio-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Responsive selector método pago */
@media (max-width: 768px) {
    .metodo-pago-container label {
        font-size: 1rem;
    }
    
    .select-metodo-animado {
        padding: 16px 45px 16px 18px;
        font-size: 1rem;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .metodo-pago-container {
        gap: 12px;
        margin: 20px 0;
    }
    
    .select-metodo-animado {
        padding: 18px 45px 18px 16px;
        font-size: 1.05rem;
        border-radius: 10px;
    }
    
    .metodo-pago-container label {
        font-size: 0.95rem;
    }
}